1. 组件对象属性可包含:data, methods, etc
2. data属性必须是函数,且该函数返回一个对象,对象内部保存数据。
<body>
<div id="app">
<my-cpn></my-cpn>
</div>
<template id="cpn">
<div>
<h2>test</h2>
<h2>{{title}}</h2>
</div>
</template>
<script src="../vue.js"></script>
<script>
// step2. 注册组件
Vue.component('my-cpn', {
template: '#cpn',
data() {
return {
title: 'test2'
}
}
});
const app = new Vue({
el: '#app',
data: {
message: 'hello world'
}
})
</script>
</body>