我有个疑问

来源:3-3 组件与实例的关系

超小咪

2019-01-04 21:11

因为每个组件都是一个实例,所以我绑定了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回答

  • 慕后端0356570
    2019-01-05 12:55:42
    已采纳

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

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


    超小咪

    哦,谢谢

    2019-01-05 13:52:46

    共 1 条回复 >

  • 酷睿N核
    2020-04-03 11:51:45

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

  • weixin_慕村7265061
    2019-04-03 00:11:57

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

    qq_慕标5...

    甲鱼的臀部

    2020-03-06 20:08:58

    共 1 条回复 >

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146886 学习 · 657 问题

查看课程

相似问题