vue

 

 

 

 

 

 

 

1、插值绑定

 

  {{msg}}

 

 

2、v-html 动态渲染html

 

 

 

3、v-show 条件渲染

  提莫队长现身啦

 

 

4、v-if 使用

  您是男士

  您是女士

  概率小于0.3

  概率0.3~0.5

  概率大于50%

 

 

5、v-for vue循环

 

{{item}}

 

{{item.name}}>>>{{item.age}}

 

 

6、v-on 事件处理器

  雨中的彩虹

  右击选择

  停止冒泡

  加法：{{count}}

 

 

7、v-bind 绑定class

  快给我披上色彩吧

  却从没有感觉，我无地自容

  绑定数组类

 

 

8、绑定内联样式

  内联样式 对象语法

  内联样式>>>对象语法

  内联样式>>>数组语法

 

 

9、绑定一个属性

 

 

红红火火恍恍惚惚

 

测试绑定mid

 

 

10、v-model 表单控件或者组件上创建双向绑定

 

 

单行信息：{{message}}

 

 

多行信息：{{info}}

 

  单个复选框：{{checked}}

 

多个复选框

 

   

    jack

   

    jack2

   

    jack3

    checked names:{{checkNames}}

 

 

单选框

 

  one

  您的选择：{{picked}}

 

选择框

 

   

111

   

222

   

333

 

  您的选择：{{selected}}

 

 

   

      {{option.text}}

   

 

  您的选择：{{mselect}}

 

 

11、v-pre 跳过该元素和其子元素编译过程

  {{@@@@@@@@@@@@@@@@@@@@@@}}

 

 

12、v-lock 该实例编译结束后，解除该指令绑定

 

{{message}}

 

 

13、v-once 只渲染元素和组件一次

  我只更新一次：{{once}}

  不加v-once:{{once}}