#author("2019-07-18T17:06:39+08:00","default:Admin","Admin") Vue

※前提条件:本情報はVue 2.0を基づいて説明してる

Vue.js 为 v-bind 和 v-on 这两个最常用的指令,提供了特定简写:

v-bind 简写

<!-- 完整语法 -->
<a v-bind:href="url"> ... </a>

<!-- 简写 -->
<a :href="url"> ... </a>

v-on 简写

<!-- 完整语法 -->
<a v-on:click="doSomething"> ... </a>

<!-- 简写 -->
<a @click="doSomething"> ... </a>

它们看起来可能与通常我们见到的 HTML 属性略有不同,但是,其实 : 和 @ 都是符合属性名称(attribute name)相关标准的有效字符,并且所有支持 Vue.js 的浏览器都能够正确解析它们。此外,它们并不会出现在最终渲染的 HTML 标记中。简写语法是完全可选的书写方式,然而,随着你深入地了解它们的用法之后,你会领会到这种简单直接的简写方式,是非常赏心悦目的用法。



本当にほしかったのはこういうブログだったんだ

コメント:



(画像の文字列を入力して下さい)

トップ   編集 凍結 差分 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2019/12/02 (月) 12:44:00 (1628d)

G|Cg|C@Amazon Yahoo yV

z[y[W yVoC[UNLIMITȂ1~] COiq COsیI