History: TestVue

Source of version: 83 (current)

^{VUE(name="Multiselect")}
<template>
<multiselect>
  <template slot="singleLabel" slot-scope="{ option }"><strong>{{ option.name }}</strong> is written in<strong>  {{ option.language }}</strong></template>
  </multiselect>
</template>

<script>
import Multiselect from 'https://unpkg.com/vue-multiselect@2.1.7'
export default {
  components: { Multiselect },
  data () {
    return {
     value: null,
      options: [
        { name: 'Vue.js', language: 'JavaScript' },
        { name: 'Rails', language: 'Ruby' },
        { name: 'Sinatra', language: 'Ruby' },
        { name: 'Laravel', language: 'PHP', $isDisabled: true },
        { name: 'Phoenix', language: 'Elixir' }
    ]
    }
  }
}
</script>

<style src=”https://unpkg.com/vue-multiselect@2.1.7/dist/vue-multiselect.min.css"></style>
{VUE}

{VUE( app="y" name="App")}<template>
  <div>

    <h4>My VueMultiselect!</h4>
    <Multiselect>
  </div>
</template>

<script>
  import Multiselect from './vue_Multiselect.js';
  window.Multiselect = Multiselect;


  export default {
    name: 'App',
    components: {
      multiselect: Multiselect
    }
  };
</script>

<style scoped>
  p {
    font-size: 2em;
    text-align: center;
  }
</style>
{VUE} ^