.sync 修飾符
廢話不多說直接上**
// 子元件 son.vue
="son" v-if=
"show"
>
傳過來的指是 -
}, 所以是顯示的<
/p>
"sonclick"
>son 關閉<
/button>
<
/div>
<
/template>
export
default}}
<
/script>
// 父元件
="father"
>
="details"
>
"childval"
:style=
"style"
/>
<
/div>
"fatherclick"
>father關閉<
/button>
<
/div>
<
/template>
import son from
'./son.vue'
export
default
,// son是簡寫,會延伸為 son:son
data()
},methods:}}
<
/script>
我的理解 sync 的作用就是能夠在子元件中修改父元件中的值 (哈哈哈)
看不懂的朋友可以細品一下這個**,自己把**考過去跑一下試試好理解,在父元件中把 sync 修飾符去掉比對一下看看
ps:有錯誤的地方有勞指出 ~
深入理解vue sync修飾符
sync是vue中用於實現簡單的 雙向繫結 的語法糖,在平時的開發中是非常使用的。vue的prop是單向下行繫結 父級的prop的更新會向下流動到子元件中,但是反過來不行。可是有些情況,我們需要對prop進行 雙向繫結 這個時候,就可以用.sync來解決 sync用法 doc.title 當子元件需...
Vue sync修飾符使用
vue雙向繫結,但是在父子元件之間遵循單向原則,即子元件不要去改變父元件傳遞過來的值 示例 子元件 child dialog 子彈窗元件 close 關閉 button div template export default methods 父 show 如上在子元件中close方法直接show賦值...
修飾符 許可權修飾符
四種形式許可權修飾符的訪問情況 publicprotected不寫private 同乙個類中 四種都可以 同一包中的不同類 除了private剩下都可以 不同包下的子類 public protected 可以 不同包下的不同類 只有public可以 許可權修飾符 public protected 預...