这个只是在html里面写的
分为body和script两部分
<body>
<div id="app">
<times></times>
<times></times>
</div
</body>
<script src="vue.min.js"></script>
<script>
// 自定义组件
Vue.component("times", {
data() {
return {
num: 0
}
},
template: `
<button @click="add">点击了{{num}}次</button>
`,
methods: {
add() {
this.num += 1
}
}
})
// 组件 根组件
new Vue({
el: "#app",
data: {
num: 100
}
})
</script>
注意:注册的组件 可以拥有属于自己的data data必须是一个函数 并且需要有返回值
自定义组件可以拥有除了el配置项以外 new Vue所有的属性