Vue组件data必须是函数
一、组件data() 函数
- 定义一个组件
<template id="cpn3">
<div>
<h2>{{title}}</h2>
<p>我是内容1</p>
<p>我是内容1</p>
</div>
</template>
-
注册组件
Vue.component('cpn3', { template: '#cpn3', data() { // 函数返回一个实例对象 return { title: 'abc' } } })
二、组件数据的存放
- 组件对象有自己的data属性和methods属性
- 只是data属性必须是
函数 - 而且函数返回一个对象，对象内部保存着数据
