vue的表达式和指令

Vue:渐进式JavaScript框架

上次的demo如下:
vue的表达式和指令
el:挂载到指定名称的html标签上

data:绑定的数据 -->相当于给html中使用的时候所传的值

methods:绑定的方法 [注意:其中this代表Vue对象]
methods:{
方法名:function(){ //代码… }
}

vue的表达式和指令

效果图:
vue的表达式和指令

Vue指令:

v-text=“表达式” 设置标签中的文本
v-html 设置标签中的html
v-if 判断条件
v-for 循环
v-bind: 绑定属性或对象
v-show: 判断表达式的值,true则显示,false则隐藏
v-model 数据双向绑定
v-on 注册事件

v-if :
vue的表达式和指令
vue的表达式和指令
v-bind 简写 : ex: v-bind:src 简写之后是 :src
vue的表达式和指令
vue的表达式和指令
v-show
vue的表达式和指令
vue的表达式和指令
v-on

vue的表达式和指令
vue的表达式和指令
v-model
数据的绑定,可实现双向绑定,在html中使用,同时作用于vue对象
vue的表达式和指令
vue的表达式和指令