Vue学习笔记

VUE

MVVM的实现者

其中最重要的就是ViewModel VieModel是为了实现数据的双向绑定 目的就是为了解耦

VUE就是ViewModel

v-model

单向绑定样例：

双向绑定

VUE组件：

可以进行复用

整个页面由组件构成的

自定义组件

v-bind: 进行绑定值

solt（插槽）类似展位标识，可以在solt位置填充数据

vue计算属性

计算属性：即第一次查询的时候需要通过方法进行获取，随后这个值会存入内存中，在以后调取时在内存中获取，可用于所读取的数据是固定或长时间不会发生改变的

getCurrentTime1就是普通方法

getCurrentTime2就是计算属性

内容分发

利用slot作为插槽，在使用时对内部的信息进行填充。

利用v-bind：进行数据的绑定

多个组件对应一个相同的slot，这些组件在该slot中依次排放。

自定义事件

组件的$emit（“remove”,index）可以调用外面的方法，从而实现对外部数据的修改,这里的remove对应的v-on:remove的remove，index传递的参数

v-on:后面拼接的是remove，这个名字在后面

代码示例

创建Vue项目

vue init webpack name 创建项目 所有的安装皆选择n

手动进行安装 npm install --register=https://register.npm.taobao.org

npm run dev 运行项目

VueRouter

从一个组件跳到一个组件—路由

安装vue-route插件

npm install vue-router --save-dev --register=https://register.npm.taobao.org