vue元件使用細節

2022-09-08 14:48:16 字數 340 閱讀 4936

當ref寫在乙個標籤元素中,通過this.$refs.name 獲取的是標籤對應的dom元素

@click="handleclick"

>}

當ref寫在乙個元件上的時候。獲取的是乙個子元件的引用

}h5有一些編碼規範

子元件不定義。不接受父元件傳過來content。子元件不能使用資料

會顯示在dom中

< child @click.native="handleclick">  自定義click事件 後面加乙個native修飾符。

框架匯流排/bus/發布訂閱模式/觀察者模式

Vue使用小細節點

動態class繫結 新增text 平級別的css text vue的插值表示式,不僅能使用變數,還能使用js表示式,如下 計算屬性,方法,偵聽器 var vm new vue watch lastname function 計算屬性 有快取機制 當依賴的元素,沒有改變就不會再重新計算,用之前計算的結...

vue 元件及動態元件使用

在註冊乙個元件的時候,我們始終需要給它乙個名字,該元件名就是vue.component的第乙個引數。元件命規則 1 使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時,你也必須在引用這個自定義元素時...

Vue元件使用基礎

這篇博文用來記錄.vue元件的使用方法。可以把元件 按照template style script的拆分方式,放置到對應的.vue檔案中。模板 template 初始資料 data 接受的外部引數 props 方法 methods 生命週期鉤子函式 lifecycle hooks 在html中使用元...