问答详情
源自：3-3 组件与实例的关系

我有个疑问

因为每个组件都是一个实例，所以我绑定了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实例")			}		}	})


提问者：超小咪 2019-01-04 21:11

个回答

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

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

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


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

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

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

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

    0