Vue2 examples

https://github.com/san-kumar/vue2-examples

by superasn

HTML

<script src="https://unpkg.com/jquery@3.2.1/dist/jquery.min.js"></script>
<script src="https://unpkg.com/popper.js/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/vue@2.5/dist/vue.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/vue2-color-picker/dist/vue2-color-picker.min.js"></script>
<div id="app">
  <div class="card card-body">
    <p v-for="i in 6">&nbsp;</p>
    
    <vue2-color-picker v-model="c" drop="dropup"></vue2-color-picker>

    <pre>color: {{c}}</pre>
  </div>
</div>

JavaScript

//Initialize as global component
Vue.component('vue2-color-picker', Vue2ColorPicker.default);

new Vue({
  el: '#app',
  data: {
    c: '#ff0000',
  }
});