vue学习笔记

打开vue官网

注：本文件是学习笔记用于作者复习，如果需要学习，请移步全网最好vue教学learning.dcloud.io/#/?vid=0 相信你能在一上午的时间里学会vue。

1、安装

	npm install vue

如果对node不了解，可以在官网下载，生产版本，开发版本，然后像引用js的方式引入下载好的vue.js（详情参考官网教程，特别通俗、详细、简洁）

2、创造vue实例：经典代码 3、数据与方法

4、生命周期，不能使用箭头函数

5、模板语法与插值的经典命令

1、{{}}
2、v-ones渲染一次
3、v-html=‘变量名’变量变为html属性
4、v-bind：class="x"  x的值就是可以变化的
5、{{x+1}} {{x?"a":"b"}}{{x.split('').reverse().join('')}}

6、模板语法-指令

1、v-if
2、v-bind:href=""
3、@click.stop="事件"  不冒泡点击

7、class与style与过滤器

1、:class="{{active:x}}" 当x为false 那么 不渲染active类，active没有引号是动态样式

8、v-if与v-show v-if切换开销大，很少改变的时候用，v-show初始化开销大，频繁切换

9、列表渲染

1、渲染数组的每一项  v-for="item,index in x" 增加:key="index"可以监视数组的从新排序。
2、渲染对象的每个属性 v-for="value, key in y"增加：key="key"可以监视对象的排序

10、事件绑定

1、v-on:onclick="x($event)"  x在methods中 $event是dom对应信息

11、表单输入绑定

12、组件基础

13、组件注册

14、单文件组件