一、初识VUE
资料来源：vue官网API文档
安装：同一般JS组件安装，引用CDN、或者引用其js文件
兼容性：Vue 不支持 IE8及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5的浏览器。
二、基础语法（散装梳理）
var vm = new Vue({})
demo:
new Vue({
el: "#vue-app",
data: {
name: "Vue",
isButtonDisabled: true,
number:1,
ok:true,
message:"1234"
},
methods: { greet: function () { return "hello VUE"; } } });
// el 绑定元素
// data 是Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter，从而让data属性能响应数据变化
// method 绑定事件
/**
*其他属性：
* computed： 计算属性函数computed将被混入到Vue实例中。所有getter和setter的this上下文自动地绑定为Vue实例
* watch： 提供了一种通用的方式来观察和响应Vue实例上的数据变动：watch属性。watch属性是一个对象，键是需要观察的表达式，值是对应回调函数，回调函数得到的参数为新值和旧值。值也可以是方法名，或者包含选项的对象。Vue实例将会在实例化时调用$watch()，遍历watch对象的每一个属性
*render: (h)=>{h(App)}, //DOM成员（3/3）字符串模板的代替方案，允许你发挥 JavaScript 最大的编程能力
* props props:['counts','ids'], 用于父子组件的eventbus传值，是数组或对象，props的成员是子组件接收的来自父组件的数据
*propsData 没用过。创建实例时传递 props。主要作用是方便测试 filters //资源（1/3）
*filters('filterName',(input,function(){ return newvalue })) 包含 Vue 实例可用过滤器的哈希表。
* directives 包含 Vue 实例可用指令的哈希表。
* components （即该组件的子实例）这里是包含 Vue 实例可用组件的哈希表。
* name / 允许组件模板递归地调用自身。注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的 name
* parent 指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用 this.$parent 访问父实例，子实例被推入父实例的 $children 数组中。
* mixins mixins 选项接受一个混合对象的数组。Mixin钩子按照传入顺序依次调用,并在调用组件自身的钩子之前被调用
* extends 允许声明扩展另一个组件。这主要是为了便于扩展单文件组件。这和 mixins 类似，区别在于，组件自身的选项会比要扩展的源组件具有更高的优先级。
* delimiters 改变纯文本插入分隔符。
* functional 使组件无状态（没有 data ）和无实例（没有 this 上下文）。他们用一个简单的 render 函数返回虚拟节点使他们更容易渲染。
*/
其指令与angularjs指令类似
