今天在看官網的文件，看到可復用的過渡的時候，官網上說可以用函式式元件代替，如下：
vue.
component
('my-special-transition',,
on:, afterenter:
function
(el)}}
return
createelement
('transition'
, data, context.children)}}
)
我發現我做的例子的過渡效果沒有生效，開啟除錯工具檢查元素，發現居然渲染的是乙個functionalfade標籤，裡面插槽的內容正確，但這個functionalfade很是奇怪，我註冊的時候寫的是functionalfade，而且vue也支援駝峰寫法，到時會自動轉成用橫槓連線。問題就在這裡，functionalfade沒有橫槓連線。
在不斷的查詢資料，翻閱文件後，我突然發現，函式式元件只是乙個函式，這個應該是關鍵點，雖然我不太了解這到底是什麼，而且官網的函式式元件在註冊元件的時候也沒有使用駝峰命名法，我想可能函式式元件和元件不是同乙個東西，元件中特殊支援的駝峰寫法也許不能在函式式元件中用，必須遵循html的規範。
於是我修改了元件的名字，關鍵**如下：
new
vue(
})
Vue函式式元件
用法，在template標籤使用 functional class y divider y divider props.direction class y divider text is props.position v if slots default props.direction vertic...
Vue函式式元件個人理解
vue官方文件的demo總是會省略很多東西，對於我們這樣的小萌新十分不友好啊喂。函式式元件這塊兒 鏈結函式式元件 這個demo啊，並沒有實現什麼實際的東西，還是需要自己去編寫。我把它編輯好了，大家可以參考一下。首先，html這塊兒 當父元件傳過來的是空items時 var emptylist 當父元...
vue中父子元件通訊的坑
當在乙個元件中，使用了其他自定義元件時，就會利用子元件的屬性和事件來和父元件進行資料交流。父子元件之間的通訊就是 props down,events up，父元件通過 屬性props向下傳遞資料給子元件，子元件通過事件 events 給父元件傳送訊息。子元件需要某個資料時，就在內部定義乙個prop屬...