<script>
const vm = new Vue({
<!-- el 用于绑定view层dom元素--->
//el: '#appvue',
<!--对象式写法 -->
data: {
// 用一个数组将原先的数据全部存进去
books: [{
id: 1,
name: '<<算法导论>>',
date: '2006-9',
price: 85.00,
count: 1
}
]
}
<!--函数式写法 -->
data:function(){
console.log('@@@',this)//此处的this是Vue实例对象
return{
name:'学习使我快乐'
}
}
})
console.log(vm)
<!-- 可以用于替换el-->
vm.$mount('#appvue')
setTimeout(()=>{
vm.$mount('#appvue')
},100)
</script>
要点:
1: vm.$mount(‘#appvue’) 可以替换 el: ‘#appvue’ ,用哪个都行。此处:mount(翻译为 挂载)。
2: vm代码mvvm中的vm 代表实例(new Vue)所以一般返回也用它,其实用其他任何表示都行。
3: setTimeout用于1000ms后在把数据返给view层(dom元素)。
4: 对象式和函数式写法可以互相替换,一般用对象式居多。