JSFiddle - React, Tailwind, and code Playground

by von

HTML

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
        <script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script>

    
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    
        <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>

        


    <div id="app">
    



                                        <div class="col-9 offset-3">
                                            <h4 class="text-primary title">accordion test</h4>
                                            <div class="accordion" id="accordion1">
                                              <div class="card">
                                                <div class="card-header" id="headingOne">
                                                  <h2 class="mb-0">
                                                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-controls="collapseOne">
                                                      Job Title
                                                    </button>
                                                  </h2>
                                                </div>
                            
                                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion1">
                                                  <div class="card-body">
                                                        <p>{{selectedJob.Name.JobTitle}} interviewed November 2019</p>
                                                 ...

JavaScript

new Vue({
  el: "#app",
  data: {
  
  },
  methods: {
  	open: function(){
    alert("this");
    }
  }
})