主要可以分為4part：
- 過渡
- 自定義指令
- mixins
- 插件
過渡
image.png
transition 是vue提供的內(nèi)置的組件
過渡 可以分為2種過渡：css過渡 和 js過渡
css 過渡
image.png
image.png
image.png
在vue中，有時候會出現(xiàn)一種詭異的情況悦即，當幾個過渡的標簽名都一樣的時候辖佣，它可能無法進行過渡蝶念，比如谓谦，這里语御，如果標簽都為p的時候梯醒，它是沒有動畫效果的儿子，這時候麦箍，我們需要在每一個p標簽中加一個key漓藕。
image.png
js過渡
image.png
image.png
參考官網(wǎng)api文檔
image.png
image.png
自定義指令
自定義指令：顧名思義，就是自己去寫一個指令挟裂。分為2種：
- 局部的自定義指令
- 全局的自定義指令
如何設置自定義指令享钞？
通過directives
image.png
然后用v-xx，eg：v-color
上面這種是使用在component中的指令诀蓉。接下來講講全局性的指令栗竖。
這是全局指令：
image.png
image.png
image.png
image.png
插件
插件其實是我們經(jīng)常用到的東西，我們可以這樣使用插件渠啤。
首先狐肢，在根目錄下找到package.json文件。
tnpm i xxx --save
image.png
image.png
很多插件在awesome-vue中可以找到
介紹幾個 autoprefixer 是你在寫css3的時候沥曹，如果存在瀏覽器兼容性問題份名，它會自動給你補全
單文件組件和vue-cli
vue-cli主要是用于初始化一個vue項目
vue-cli 是官方提供的腳手架工具
image.png
步驟 安裝
image.png
