vue學習雜計

1.@click.self ?="" ? ?點擊自身部分,而不是子元素



2.v-cloak指令

v-cloak

不需要表達式

用法

這個指令保持在元素上直到關聯(lián)實例結束編譯。和 CSS 規(guī)則如[v-cloak] { display: none }一起用時,這個指令可以隱藏未編譯的 Mustache 標簽直到實例準備完畢。

示例

[v-cloak]{

display: none; ?//可以用!important提升優(yōu)先級

}

{{ message }} 不會顯示,直到編譯結束



3.vm.$mount("#app") ?//掛載實例到元素上


4.事件參數(shù)

@click.stop.prevent ? //阻止默認行為和冒泡

@click.capture="doThis" //在捕獲階段執(zhí)行

@click.self ?// ?只有點擊自身才有效

@click="addWithEvent(5, $event) ?//第二個參數(shù)指定了事件對象



5.transition


6.vue中class用法

表達式

對象

數(shù)組


7.

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關于...
    云之外閱讀 5,167評論 0 29
  • 1.安裝 可以簡單地在頁面引入Vue.js作為獨立版本,Vue即被注冊為全局變量,可以在頁面使用了。 如果希望搭建...
    Awey閱讀 11,278評論 4 129
  • Vue筆記系列2、Vue.js漸進3、Vue.js進階 Vue.js的概述 如官網(wǎng)所說,Vue.js是一款輕量級的...
    其心閱讀 1,254評論 0 6
  • 1. Vuejs中的組件 vuejs構建組件使用: 這里注意一點,組件要先注冊再使用如果反過來會報錯,因為反過來代...
    sidney_c閱讀 1,175評論 0 8
  • Vue 實例 屬性和方法 每個 Vue 實例都會代理其 data 對象里所有的屬性:var data = { a:...
    云之外閱讀 2,361評論 0 6

友情鏈接更多精彩內(nèi)容