vue.js - 一个vue组件的问题

问题描述

问 题

如下图，上下两种写法有什么不同，官网教程的解释是可以为每个组件返回新的 data 对象，我无法理解，外面定义data这不是一样么，可以给解释一下吗？谢谢了

解决方案

区别在于return 的是引用类型
了解一下什么是 ,基本类型和引用类型.

当你的data定义在外部的时候.

var data = {counter: 0};

此data 为指针. 指向这个对象{counter: 0}.
当所有都引用外部定义的 data,其实都是引用的这个对象.
也就是原文中说的多个组件公用这个data.

这篇关于vue.js - 一个vue组件的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！