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的表达式和指令

相关文章:

  • 2021-11-23
  • 2021-07-13
  • 2021-09-12
  • 2022-12-23
  • 2021-05-23
  • 2022-01-10
  • 2021-07-27
  • 2021-10-18
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-07-10
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案