Vue.js框架笔记

1.vue 语法

http://www.cnblogs.com/keepfool/p/5619070.html

2.vue组件

http://www.cnblogs.com/keepfool/p/5625583.html

在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。全部的选项可以在API 文档中查看。

可以扩展 Vue 构造器，从而用预定义选项创建可复用的组件构造器：

varMyComponent = Vue.extend({

  // 扩展选项

})

// 所有的`MyComponent` 实例都将以预定义的扩展选项被创建

varmyComponentInstance = new MyComponent()

尽管可以命令式地创建扩展实例，不过在多数情况下建议将组件构造器注册为一个自定义元素，然后声明式地用在模板中。我们将在后面详细说明组件系统。现在你只需知道所有的 Vue.js 组件其实都是被扩展的 Vue 实例。

 

（1）什么是组件：

 1.组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素

2.组件使用必须挂载到一个实例Vue下

3.Vue.extend

  使用Vue的构件器构建一个"子类"

  可以包含多个组件选项（data props methods等）

template:用于渲染的Html

 

（2）组件的创建流程