ホームページ  >  記事  >  ウェブフロントエンド  >  Vue でカスタム ディレクティブを実装するにはどうすればよいですか?

Vue でカスタム ディレクティブを実装するにはどうすればよいですか?

亚连
亚连オリジナル
2018-06-07 17:42:262748ブラウズ

この記事では主に Vue のネイティブ命令とカスタム命令の使い方を紹介します

1. ネイティブ命令

私が Vue を学び始めたとき、公式 Web サイトを見ました。 「指示」という言葉。私はびっくりしました、何ですか?指示とは何ですか?後で読み進めていくと、このような「v-for」、「v-show」、「v-if」は命令と呼ばれます。その後、Vue での遊びがほぼ終わり、プロジェクトを書き始めたときに、「v-if」「v-show」「v-model」「v」などの一般的な命令がいくつかしかないことに気づきました。 -for" "v -bind" "v-on"v-if”“v-show”“v-model”“v-for”“v-bind”“v-on”

  你可以认为这是一种语法糖或者这是一种命令。在常见的这些指令中,大体的使用方法如下:

1.v-text :string  用法:更新元素的textContent,更新部分的textContent,需要使用{{Mustache}}插值。

2.v-show:any 用法:根据表达式真假值,切换元素的 display css 属性 。

3.v-if:any  用法:表达式的真假条件渲染元素。在切换时元素以及它的数据绑定/组件被销毁并且重建。如果是