title: How do I open and close a modal programmatically using Vue.js?
body: <p>I've read through innumerable posts about how to do this with jquery, but Vue.js jealously owns and manages the dom, so I will need a solution that uses standard Vue.js components or libraries.  </p>
  
  <p>Thus far, I've located several examples that are what I'd call 'button-event-driven' solutions, but I will need to <em>programmatically</em> handle open and close of the modal.  </p>
  
  <p><strong>Problem / Design Requirement:</strong> When a public user attempts to interact with a tempting button or other function on my application, and they are not yet logged in, I wish to programmatically launch a modal dialogue to then ask them to log in.  </p>
  
  <p>Once successfully, I'll need to programmatically close the same dialogue modal.  Or, of course, they can choose to cancel and continue browsing as a public user without the ability to do those functions.  </p>
  
  <p><strong>Other Helpful Information:</strong> I'm using bootstrap 4.4.1</p>