vue的表达式和指令

Vue：渐进式JavaScript框架

上次的demo如下：

el:挂载到指定名称的html标签上

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

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

效果图：

Vue指令：

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

v-if ：


v-bind 简写 : ex: v-bind:src 简写之后是 :src


v-show


v-on

v-model
数据的绑定，可实现双向绑定，在html中使用，同时作用于vue对象