vue sync 修飾符 理解

2021-10-16 03:22:51 字數 859 閱讀 6248

.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 預...