zoukankan      html  css  js  c++  java
  • Vue 模板语法-指令

    Vue官网:https://cn.vuejs.org/v2/guide/syntax.html#指令

    主要学习官网教程,纪录练习。

    v-if

    参数

    v-bind 指令

    使用 v-bind 为 a 标签绑定 href 属性,为 data 对象的 url 属性赋值一个地址。

    在页面上点击“点击跳转Vue官网”即可跳转页面。

    指令的修饰符

    stop 修饰符

    说明:使用 @click 可以为某个元素绑定对应事件。在初始化 Vue 对象时,在 methods 属性内部使用键值对的方式去声明对应的方法以及方法的函数体,第10行的 @click 绑定的是第20行的 click1 函数,第11行的 @click 绑定的是第23行的 click2 函数。无添加 stop 修饰符的时候,点击文本 “click me” 发现执行了两个函数 click1、click2,首先执行 click2 函数, 然后执行 click1 函数,出现这种情况的原因是当点击 click2 (第11行的)时 click1 (第10行的)也会被触发点击事件。如果想执行了 click2 之后不执行 click1,可以使用 stop 修饰符。

    缩写

    <a :href="url"> 是 <a v-bind:href="url"> 的缩写

    <div @click="click1"> 是 <div v-on:click="click1"> 的缩写。

  • 相关阅读:
    人物-商界-张近东:张近东
    人物-商界-许家印:许家印
    iptables-save
    iptables-restore
    iptables
    ipcs
    ipcclean
    ipc
    ip
    install-info
  • 原文地址:https://www.cnblogs.com/xiaoxuStudy/p/12853971.html
Copyright © 2011-2022 走看看