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} ^