Vue入门

v-text：

设置标签的文本值；

 内部内容全部都会替换；

 只替换部分：

表达式：

 

v-html：

 设置标签的innerHTML:1.普通文本，2.html内容（html结构会被解析为标签）；

v-on：

为元素绑定事件；

v-on:click,v-on:monseenter,v-on:dblclick;   v-on也可以替换为@ 例：@dblclick

 v-show:

根据表达值的真假切换元素的显示合隐藏；

true/false；

本质是设置元素的display；指令后的内容最终解析为布尔值； 

 v-if

根据表达式的真假，切换元素的显示和隐藏；是操纵元素而不是操纵样式；

表达式为真，元素存在于dom树中，为假时，元素从dom树中移除；所以频繁切换时消耗更大，推荐优先v-show；

v-bind：

设置元素的属性；

v-bind：属性名=表达式

v-bind可以用：代替； 

设置src,title class的属性值；可以设置class名

v-for：

根据数据生成列表结构；

 

 

li中也可以有内容，v-for根据数据的内容和模板的内容拷贝若干份；

 v-on补充：

传递自定义参数，事件修饰符

1.传递p1,p2;定义方法时需要定义形参来接收传入的实参；

2.回车才会触发sayHi; 事件的后面跟上.修饰符可以对事件进行限制；

例如.enter限制出发的按键为回车；

v-model：

获取和设置表单元素（双向数据绑定）：更改两边的任意一边都会同步更新对方的值；

 

 vue中结合网络数据开发应用：

axios：功能强大的网络请求库；

获取数据的接口；

1.先导入再使用；

2.使用get/post方法即可发送对应的请求；

3.then方法中的回调函数会在请求成功或者失败时触发；

4.通过回调函数的形参可以获取相应内容，或者错误信息；

axios加vue

axios 中的this 发生了变化 ，用that代替；