vue.js筆記

標籤：color   bind   特殊屬性   lis   nbsp   log   code   bin   list   

使用 v-html 指令用於輸出 html 代碼

<div v-html="message"></div>

HTML 屬性中的值應使用 v-bind 指令 

<div v-bind:class="{‘class1‘: class1}">

Vue.js 都提供了完全的 JavaScript 運算式支援。

<div id="app">    {{5+5}}<br>    {{ ok ? ‘YES‘ : ‘NO‘ }}<br>    {{ message.split(‘‘).reverse().join(‘‘) }}    <div v-bind:id="‘list-‘ + id">菜鳥教程</div></div>

指令是帶有 v- 首碼的特殊屬性。

<p v-if="seen">現在你看到我了</p>

參數在指令後以冒號指明。例如， v-bind 指令被用來響應地更新 HTML 屬性

 

vue.js筆記