什么是自定义组件?
组件是可以扩展 HTML 元素,封装可重用的代码。定义的组件可以拥有所有vue实例的特性。是以is的方式进行扩展对应的特性。组件之间也是可以嵌套的。
组件的分类
1.局部组件
一般来说,局部组件使用的时候,是需要先注册(注册的时候是在父组件)。
定义局部组件时,常用一个变量来存储局部组件。对象中包含有一个template属性,表示组件使用的模板html内容。
定义的data必须是一个function,需要一个对象形式的返回值。
var h = {
template: `<div>
<h1>Hello World!</h1>
<h5>{
{msg}}</h5>
<button @click="clickHandle">按钮</button>
</div>`,
data() {
return {
msg: "i am cat"
};
}
}
//注册部分
var app = new Vue({
el: