data问题
老师，图1和图2 里面的两个scrip标签里面的写法分别是什么意思啊，有什么区别吗？什么时候写图1那样的，什么时候又写图2那样的呢？
2
收起
正在回答
1回答
在vue中，data有三种写法：
第一种写法：
1 2 3 4 5 6 7 8 | <script type="text/javascript"> var app=new Vue({ el:'#app', data:{ …… } })</script> |
第二种写法：
1 2 3 4 5 6 7 8 9 10 | <script type="text/javascript"> var app=new Vue({ el:'#app', data: function(){ return { …… } } })</script> |
第三种写法：
1 2 3 4 5 6 7 8 9 10 | <script type="text/javascript"> var app=new Vue({ el:'#app', data() { return { …… } } })</script> |
这里的第三种是第二种的ES6写法
区别：
1、在简单的Vue实例中，没什么区别，因为app对象不会被复用
1 | var app = new Vue({...}) |
2、在组件中，因为可能在多处调用同一组件，所以为了不让多处的组件共享同一data对象，只能返回函数，因此就需要使用如下方式：
1 2 3 4 5 6 7 | export default{ data(){ return { ... } }} |
希望可以帮到你！
相似问题
登录后可查看更多问答，登录/注册
热门框架Vue开发WebApp 18版
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue，结合多个实战案例，还原真实开发场景，最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧