1.定义
组件的定义:实现应用中局部功能代码和资源的集合
非单文件组件:一个文件中包含n个组件
单文件组件:一个文件中只包含1个组件
2.使用
创建组件的基本格式
创建组件的基本格式:使用Vue.extend创建组件实例,并在父级实例中注册该组件
组件的基本格式:与vm实例类似,但是不能有el,并且data只能是一个函数
接下来我们来看实例,当然了第一步老样子引入外部的vue.js
第一步先创建组件
const school = Vue.extend({
template:`
<div>
<h2>{
{schoolName}}</h2>
<h2>{
{schoolMessage}}</h2>
<button @click="showName">点我提示名字</button>
</div>`,
// 组件化中data写成函数形式
data(){
return{
schoolName:'国务院',
schoolMessage:'合肥'
}
},
methods:{
showName(){
alert(this.schoolName)
}
},
})
const student = Vue.extend({
template:`
<div>
<h2>{