vue 基本指令

ゝ一世哀愁。 2023-06-29 05:51 88阅读 0赞

vue 基本指令

  1. v-bind 可以绑定一个属性 这个属性可以是自带的属性也可以是自定义属性，可简写为 ：
  2. v-on 事件 后面加上事件名，可简写为 @ 如 @click, @mouseover…

  3. v-for 循环

    示例

    1.   <div v-for="(item,index) in arr" :key="index">
    2.       { {  item }}
    3. </div>

  4. v-model 数据的双向绑定指令，这个指令会使变量的值始终等于浏览器上面显示的值。还可以通过 “ . ”加上修饰符 如 v-model.number

  5. v-show 通过控制CSS的 display:none; 让元素隐藏为 true 或 false
  6. v-text 会把变量的值当成一个字符串去渲染出来，标签会渲染在页面上。
  7. v-html 会把标签解析不显示到页面上

发表评论

表情：
评论列表 （有 0 条评论，88人围观）

还没有评论，来说两句吧...

相关阅读

    相关 vue 基本指令

    vue 基本指令 1. v-bind 可以绑定一个属性 这个属性可以是自带的属性也可以是自定义属性，可简写为 ： 2. v-on 事件 后面加上事件名，可简写为 @

    ゝ一世哀愁。ゝ一世哀愁。/ 0 赞/ 89 阅读