透傳透傳props
"$props"
>
<
/child-component>
"$attrs"
>
<
/child-component>
"obj"
>
<
/child-component>
"$listeners"
>
<
/child-component>
動態指令、動態繫結
...[someprop]
="something" @[someevent]
="handlesomeevent()"
/>
...<
/template>
...data()
},methods:
}...
<
/script>
hookevent監聽子元件或自身元件的生命週期
"handletableupdated"
>
<
/list >
vm.
$on(
'hooks:created'
, cb)
// 修改前
mounted()
,beforedestroy()
// 修改後
mounted()
)}
css scoded 和深度作用選擇器scoded屬性可以實現將樣式隔離，但是有時候需要修改子元件的公共樣式，以前都是新加乙個style標籤，現在可以使用深度作用選擇器（/deep/ 或 >>>（這種方式在樣式預編譯器中可能報錯）），這樣既隔離了樣式，又能修改公共樣式。
.a /deep/ .b
// 編譯後
.a[data-***] .b
jsx相關規則
v-cloak由於有時候vue例項未建立時頁面就渲染了，會導致頁面閃爍，解決辦法是給vue例項的根dom新增v-cloak屬性
v-cloak
>
div>
// css 中
[v-cloak]
v-once和v-prev-pre表示該標籤及其子標籤為靜態內容，跳過編譯。v-once表示該標籤及其子標籤只編譯一次，後面都做靜態內容渲染。
v-pre
>
}span
>
顯示的是}
v-once
>
this will never change: }span
>
$event有時候，繫結乙個事件時需要傳入其它引數，可是會導致事件自帶的引數丟失，這時可以用
$event解決。
當繫結的事件是原生事件時，$event表示事件的event物件。當繫結的事件時自定義事件時，$event表示原生事件傳遞的第乙個引數。
v-model
="value1"
@change
="inputchange('hello', $event)"
>
覆寫元件庫里的元件的方法
import
from
'element'
export
default}}
}
vue使用技巧
1.全域性元件註冊 原 新 建立全域性.js檔案管理全域性元件 globalcomponent.js 1 globalcomponent.js import vue from vue 引入vue 處理首字母大寫 abc abc function changestr str require.conte...
Vue元件使用技巧 is屬性
首先，提起vue的元件，大家都不會陌生，使用起來就像使用普通標籤一樣簡單，功能也可以隨意定製，真的是很方便.但是基於html語法，一些特定的標籤，比如，等.在標籤下，只有標籤是有效的，同理表現下只有有效，那麼如果我們想加入自定義的元件該怎麼辦呢.這種方法顯然是不太適合的 my component u...
vue 使用技巧總結 19 01
上面的函式中使用箭頭，會導致 this 捕獲不到 vue 例項。各位道友切記切記.目前通常使用的方式是 然後在查資料的時候翻到了乙個統一管理的方式 asynccomponent.js 檔案 export const component01 import views export const comp...