为了账号安全,请及时绑定邮箱和手机立即绑定

我有个疑问

因为每个组件都是一个实例,所以我绑定了title,然后在data里赋值,可是组件里并没有显示

	<ol>	<!-- 	<li v-for="(i, index) in list" :key="index">{{i}}</li> -->	<todo-item v-for="(i, index) in list" :key="index" :content="i" ></todo-item>	</ol>	</div><script>//自定义组件  全局组件	Vue.component("todo-item", {		props: ["content"],		data: {			l: "每个组件都是vue实例"		},		//template: "<li>我是全局</li>"		template: "<li @click='handleClick' :title='l'>{{content}}</li>",		methods: {			handleClick: function(){				alert("每个组件都是vue实例")			}		}	})


正在回答

3 回答

一个组件的 data 选项必须是一个函数

data: function () {
 return {
   count: 0
 }
}


0 回复 有任何疑惑可以回复我~
#1

超小咪 提问者

哦,谢谢
2019-01-05 回复 有任何疑惑可以回复我~

详见 https://cn.vuejs.org/v2/guide/components.html

1 回复 有任何疑惑可以回复我~

不是说vue组件和vue实例是差不多么?在实例中data不一定要为函数,为啥在组件中就得是?

0 回复 有任何疑惑可以回复我~
#1

qq_慕标5213007

甲鱼的臀部
2020-03-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我有个疑问

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信