vue是渐进式的。而且其中运用的是超快虚拟的dom。

对于其中的v-show来说其中这里给dom 节点设置其中的display的属性，其中的v-if来说的话就是里面是否具有这个节点。 

filter对于其中数据进行转换

component相当于将其中的没一个网页当做其中的一个组件，然后将其中的所有的网页（各个组件）拼成一个网页

@click="limitNum=address.length",

不能够写成,因为作用域会改变，

也可以使用函数

@click="this.limitNum=address.length",

渐进式vue

灵活的渐进式框架

列表：v-for

格式修改：过滤器

交互操作：v-on:click

样式动态修改:v-bind:class

添加属性：$set

v-for内部嵌套以及，v-for过滤computed

数据交互：axios:  this.$axios({url:'';methods:''}).then(res=>{//})

v-for使用过滤:computed:{过滤名称:function(){//方法体}}

标签使用：v-for="(item,index) in 过滤名称"

*标签指令中不要使用this.

v-for过滤：computed:{ 过滤名称:function(){//方法体}}

1. v-on:click="方法名(参数)" 或者@click="方法名(参数)"

2. v-bind:class="{'class值':boolean}"或者:class="{'class值':boolean}"只是添加class，不是整体改变。//class中只能为{}对象或者[]数组

3. 全局注册：vue.set(对象，变量名，默认值)：向对象添加未有的变量名

   局部注册：this.$set();

4. 注意this的作用域
   

1. 若使用vm代替this，则在mounted:function(){this.$nextTick(function(){//方法体})}，.$nextTick以确保取到全局的vm

2. =>函数作用域指向全局

3. 局部过滤器定以后使用时，属性值 | 过滤器名称

4. 全局过滤器Vue.filter("过滤器名称",function(value,type){//方法体})

   使用时    属性值 | 过滤器名称(type)

1.v-for循环：<li v-for="item in arr">...</li>

v-for可进行嵌套循环；

2.vue 2.2.0+的版本里，当在组件中使用v-for时，key是必须的。更改vetur配置:vscode->首选项->设置->搜索（vetur）->"vetur.validation.template":改成false即可。

3.用v-model实现双向数据绑定功能。

4.在vue-cli搭建的项目中，将静态文件例如json、图片文件放置于static文件夹下。

5.v-for使用索引，则直接v-for="(item,index) in list"index即可获得索引Index

使用axios获取数据：

1. 命令行下载axios:cnpm install axios；

2. main.js公共Js引用axios:import axios from 'axios';Vue.prototype.$axios=axios;

3. vue使用：
   

   this.$axios({

   url:'../../static/data/cartData.json',

   methods:'post',

   }).then(res=>{

   console.log(res);

   })

v-model ;v-text;v-show;v-if;v-bind;v-for;v-on

vue-cli搭建目录中：

config/index.js：端口号等相关配置

index.html为入口页面；

src/main.js为入口页面的js 

src/App.vue为页面级vue组件

src/router/index.js组件配置js

src/components：组件目录

src/assets:资源目录

static:静态文件目录

//////////////////

*组件.vue中<template>整体的<div>模块</template>

*.vue文件中，用import引用静态css/js文件

*组件.vue中<style>要在<template>的外面

node指令安装vue：

在项目目录下git brash：

cnpm install vue --save(创建package.json文件)

cnpm install vue-resource (创建node_modules);

创建vue实例：

var vm=new Vue({

el:"",//vue作用的范围

data:{},//vue模型

filters:{}//过滤器(局部)，全局过滤器可用Vue.filter();

mounted（ready(1.0版本)）:function(){},//实例化完成后默认执行的方法

methods:{}//vue所有事件的绑定

})

vue基础指令：v-model,v-text,v-show(是否显示dom元素),v-if(是否存在dom元素),v-for,v-on,v-bind

filter过滤器：对返回的字段进行处理