<div id="root">你好{{data}}</div>
<script type="text/javascript">
const v = new Vue({
//el='#root',第一种写法
//data的第一种写法:对象式
/*data:{
name:'123'
}
*/
//data的第二种写法:函数式(学习组件时必须使用)
/*data:function(){
console.log('@@@',this) //此处的this是Vue实例对象
return{
name:'123'
}
*/
data(){
console.log('@@@',this) //此处的this是Vue实例对象
return{
name:'123'
}
}
})
v.$mount('#root')//第二种写法 mount:挂载
</script>
Vue_4:el和data的两种写法
最新推荐文章于 2024-09-06 22:20:29 发布