VUE常見的文法

模版渲染{{msg}}

v-html=""

v-text=""

v-bind:id=""  類似 attr

三元判斷 {{ok?'yes':'no'}}

指令：v-if=""

過濾器：

{{message|capitalize}} => v-bind:id="rowId | formId"

style和css：

(1)對象文法：v-bind:class="{key:value,key:value}"

(2)數組文法：v-bind="[classA,classB]"

(3)内聯文法：v-bind:style="{font:fontSize+'px'}"

條件渲染：

v-if　　v-else　　v-else-if　　v-show　　v-cloak(重新整理太慢，可以同步隐藏)

事件處理器：

v-on:click 

v-on:click.stop　　阻止冒泡

v-on:click.stop.prevent　　阻止預設事件，比如阻止a跳轉，阻止submit送出

v-on:click.self　　本身，子元素沒有作用

v-on:click.once　　隻執行一次

v-on:keyup.enter/tab/delete/esc/space/up/down/left/right

組建：

（1）全局組建和局部組建（資料單項流動）：父元素通過prop傳遞，子元素通過$.emit觸發父元素

（2）父子通訊-資料組建

（3）slot 插槽

路由：

動态路由比對

嵌套路由

程式設計式路由

命名路由和命名視圖

vue-router

<router-link></router-link> =>this.$router.push(spath:" ")

<router-view></router-view>