[VueJS]实例中data属性的三种写法及区别

共计 450 个字符，预计需要花费 2 分钟才能阅读完成。

1、__
<script type=”text/javascript”>
var app=new Vue({
el:’#app’,
data:{
isLogin: false
}
})
</script>2、__
<script type=”text/javascript”>
var app=new Vue({
el:’#app’,
data: function(){
return {
isLogin: false
}
}
})
</script>3、__
<script type=”text/javascript”>
var app=new Vue({
el:’#app’,
data() {
return {
isLogin: false
}
}
})
</script> 第 3 种是第 2 种的 ES6 写法
区别 1）在简单的 Vue 实例中，没什么区别，因为你 app 对象不会被复用。
var app = new Vue({…})2）但是在组件中，因为可能在多处调用同一组件，所以为了不让多处的组件共享同一 data 对象，只能返回函数。
export default{
data(){
return {
…
}
}