el属性:
创建时挂载:
var vm = new Vue({
el: "#app",
data: {
message: "hello,world!"
}
});
创建后挂载:
var vm = new Vue({
//el: "#app",
data: {
message: "hello,world!"
}
});
vm.$mount('#app');
data属性:
对象式:
var vm = new Vue({
el: "#app",
data: {
message: "hello,world!"
}
});
函数式:
this为vm:
var vm = new Vue({
el: "#app",
data: function(){
return{
message:'hello,world'
}
}
});
this为vm(简写):
var vm = new Vue({
el: "#app",
data(){
return{
message:'hello,world'
}
}
});
this为window(会有错误):
var vm = new Vue({
el: "#app",
data: ()=>{
return{
message:'hello,world'
}
}
});
本文详细介绍了Vue中data属性的两种声明方法——对象式和函数式,并通过实例解析了它们的区别。对象式直接定义数据,而函数式确保每个实例的数据独立。需要注意的是,当使用箭头函数声明data时,this将指向全局对象而非Vue实例,可能导致错误。
1070

被折叠的 条评论
为什么被折叠?



