组件概念:是用于实现局部特定功能的代码集合
单文件组件:
一个文件中只有一个组件,后缀名.vue
非单文件组件:
一个文件里有多个组件,后缀名:.html
非单文件组件:
1.创建组件
Vue.extend({ })返回的是一个VueComponent构造函数
2.注册组件
全局注册
Vue.component({ })
局部注册
在new Vue({ })里定义一个components:{组件名}
3.使用组件
使用双标签进行使用,将构造函数实例化为一个vc实例对象
总结:一个项目可以包含多个组件,vue项目中只有一个vm实例对象(main.js文件中)
Vue和VueComponen
实例对象身上的隐式原型属性指向其构造函数对应的原型对象
VueComponent.prototype.__proto__===Vue.prototype