1. 程式人生 > >vue模板語法:插值、指令

vue模板語法:插值、指令

插值:{{}}

指令:v-

(在{{}}和v-指令進行資料繫結時,支援js單個表示式)

<p v-text='msg'></p>,就相當於插值表示式的功能

<p v-html='title'></p>,可以解析標籤

data:{
    msg:'test message',
    title:`<h1 style='color:red'>Title</h1>`
}

                                                                

 v-if='seen'                從頁面刪除或新增元素

v-show='seen'          將頁面元素display設定為none或block

 

v-on:***='***'             監聽dom事件,縮寫為@

v-bind:***='***'          響應式更新html特性,縮寫為:

v-for='*** in ***'         繫結陣列的資料來渲染一個專案列表