vue文档(重点学习).doc
1、Vue第一天
1.vue组件注册步骤
1. Vue.js 的组件有三个步骤： 创建组件构造器(Vue.extend()方法 )，注册组件(Vponent())和实例化组件。
演示Vue
浏览器编译后html结构会变为
<
3、div id="container">
hello world
页面运行显示为
hello world
2.理解组件的创建和注册。
2-1 Vue.extend() 是Vue构造器的扩展，调用Vue.extend()创建的是一个组件构造器，该构造器有一个选项对象，选项对象的template属性用于定义组件要渲染的html。
2-2 Vponent() 是注册组件，需要2个参数，第一个参数是自定义组件的标签，第二个参数是组件的构造器。
2-3 组件需要挂载到某个Vue的实例下，否则不生效。
如下实例：
4、
演示Vue
最终代码被渲染成为如下：
3.理解Vue全局注册和局部注册
调用Vponent()注册组件时，组件的注册是全局的，如
7、果想要使用组件的局部注册的话，可以用选项对象的components属性实现局部注册。
如下代码：中间就把第二步注册组件哪项移到实例化组件里面来了；如下代码：
演示Vue
实例化container2 是不生效的，并且在浏览器控制台会报如下错误：
4.理解父组件和子组件。
在一个组件中包含另一个组件，那么另一个组件就是该组件的子组件。
如下代码：
10、ead>
演示Vue