目錄
1、指令及其語法
2、指令的修飾符
3、都有哪些指令修飾符
4、深入理解 .sync 指令修飾符
vue 模板語法中的 v-text、v-html、v-pre 都是指令，它起到一種命令或指示的效果，語法 如下：
v-指令名：引數 = 值如： v-on:click="add"，如果值裡沒有特殊字元，則可以不加引號。
補充：有些指令沒有引數和值，如 v-pre ，有些指令沒有值，如 v-on:click.prevent 。
指令的語法是：v-指令名：引數 = 值。有時候你會看到指令後面會加.修飾符 字樣，有的指令支援修飾符，它們的功能各種各樣，但其主要是起到修飾指令的功能。
新增
新增 新增
在說 vue 的 .sync 指令修飾符前，我們先看下官方文件：vue.sync 修飾符，裡面說 vue.sync 修飾符以前存在於 vue1.0 版本裡，後在 2.0 中被移除了。但是在 2.0 發布之後的實際應用中，我們發現 .sync 還是有其適用之處，比如在開發可復用的元件庫時。我們需要做的只是讓子元件改變父元件狀態的**更容易被區分。從 2.3.0 起 vue 重新引入了 sync 修飾符，但是這次它只是作為乙個編譯時的語法糖存在。它會被擴充套件為乙個自動更新父元件屬性的v-on ***，以更方便父子元件間的雙向繫結。
.sync 指令修飾符主要在父子元件傳值是時候使用，子元件通過 props 屬性接收父元件傳遞過來的值，但是子元件並不能直接對 props 屬性做修改，而是需要觸發乙個事件，讓父元件進行修改。之所以需要這樣，理論上的原因是，該 props 屬性即存在父元件又存在子元件中，如果子元件擅自修改 props 中的屬性，父元件並不能監聽到該資料的修改，從而會出現一些問題。示例**如下：
bar = val">
詳解vue修飾符 sync ，結合案例
vue 修飾符sync的功能是 當乙個子元件改變了乙個 prop 的值時，這個變化也會同步到父元件中所繫結 sync 修飾符，只是作為乙個編譯時的語法糖存在。它會被擴充套件為乙個自動更新父元件屬性的 v on 你的 bar comp 編輯後的 bar update foo val bar val c...
關於vue修飾符 sync
vue是單項資料流，所以要對他進行雙向資料繫結的時候需要用到.sync修飾符，最常用的是visible.sync 在子元件裡寫 this.emit update visible visible 使用update my prop name 的模式觸發事件 父元件裡 isvisible update v...
vue中的 sync修飾符用法及原理詳解
父元件給子元件傳入乙個函式 se6的寫法 age res 子元件通過呼叫這個函式來實現修改父元件的狀態。mounted 父元件將age傳給子元件並使用.sync修飾符。子元件觸發事件 mounted 這裡注意我們的事件名稱被換成了update age update 是vue為我們約定好的名稱部分 a...