原标题：Vue.js基础教程之挂载选项data必须是函数
使用组件时 ， 大多数可以传入到Vue构造器中的选项可以在Vue.extend()或Vue.component()中注册组件时使用 ， 但有一个重要前提：data必须是函数 。
正确的写法：
Vue.component('my-component',{template:'#myTemplate',data:function(){return{message:'你好,中国'}}})注意：如果data选项指向某个对象 ， 这意味着所有的组件实例共用一个data 。
我们应当使用一个函数作为data选项 ， 让这个函数返回一个新对象 。
【Vue.js基础教程之挂载选项data必须是函数】

文章图片
运行结果 ， 这三个组件共享了同一个data ， 因此增加一个counter会影响所有组件！


文章图片
解决办法：为每个组件返回新的data对象来解决这个问题！
data:function(){return{counter:0}}

• 为欧洲MaaS模型创建功能基础
• 看图猜成语|看图猜成语：没点基础还真不敢来，小心丢人！
• 农民用小麦做基础种植这个 地头价70元一公斤 亩产20多万元！
• 第一期四柱命理的基础知识
• 《小森生活》打猎图文教程 打猎怎么玩
• 2021苹果官方iCloud迁移照片到Google Photo教程
• cmd命令数字雨教程
• k线入门基础知识 怎么看出来涨和跌?
• 支付宝电脑网站支付申请强开及网站技术配置教程
• Pi测试钱包创建与使用教程私钥科普：??????????注意：这次只是测试钱包，并不是主网钱包，据了解测试钱包将每周进行重置升级。目前测试钱包只有部分人