Vue 2.0 Hello World
HTML
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
<button @click="message +='@'">
Click me!!!
</button>
<slotwrapper :test="message">
<div class="default">default slots value</div>
</slotwrapper>
</div>
JavaScript
Vue.component('slotwrapper',{
template: `<div class="slotwrapper">
<div><slot></slot></div>
<slot name="reference"></slot>
</div>`,
props: ['test'],
watch: {
test: function (newVal) {
console.log(this.$slots.default[0].elm)
}
},
mounted: function () {
console.log(this.$slots.default[0].elm)
}
})
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})