定义:实现应用中局部功能代码(css、html、js)和资源的集合
为什么使用组件:一个界面的功能很复杂
作用:提高代码复用率,便于维护,提高运行效率
1.VueComponent
1.关于this指向
(1)组件配置中:
data(){}函数、methods:{}中的函数、watch:{}中的函数、computed:{}中的函数,它们的this均是VueComponent实例对象
(2).new Vue(option)配置中:
data(){}函数、methods:{}中的函数、watch:{}中的函数、computed:{}中的函数,它们的this均是Vue实例对象
2.VueComponent的实例对象,以后简称VC(也可称之为:组件实例对象)
Vue的实例对象,以后简称VM
VC和VM的区别:VC有的功能VM都有,但是VM有一个功能VC没有,VM能够通过el决定我为哪个容器服务,而VC却不行
2.组件的结构:
3.组件文件命名原则:大驼峰命名法
Student.vue
StudentName.vue