sync修飾符的用法

首先我們需要知道 子元件如何向父元件傳值。

//子頁面  optitle.vue

var data =10;
//第乙個引數對應父頁面自定義的事件,第二個值代表要更新的值
this
.$emit
('update'
,data)

//父頁面 引入元件

import toptitle from …
components:
//在自定義標籤上自定義事件
'changedata'
>
<
/top-title>
<
/template>
//methods
changedata
(data
),

//子頁面  optitle.vue

var data =10;
//第乙個引數對應父頁面自定義的事件,第二個值代表要更新的值
this
.$emit
('update:isshow'
,data)

//父頁面 引入元件

import toptitle from …
components:
//在自定義標籤上自定義事件
'num'
>
<
/top-title>
<
/template>

修飾符 sync的用法

單個props資料繫結用法 物件型props資料繫結用法 v if show 我是子元件div click hidden 子元件的取反按鈕button div const son show.sync control son click change 父元件的取反按鈕button div const ...

sync修飾符的使用

目的 再子元件去改變父元件的值的時候會有明顯的 樣式，方便維護，為什麼要這樣為什麼不用v molder，因為v model中已經說明了不要直接去改變v model中的值，可以去拷貝在改變，在傳值，這個也是v model和sync修飾符的區別。再我應用了後我認為就是 再父元件上省去了觸發事件，並且直接...

關於vue修飾符 sync

vue是單項資料流，所以要對他進行雙向資料繫結的時候需要用到.sync修飾符，最常用的是visible.sync 在子元件裡寫 this.emit update visible visible 使用update my prop name 的模式觸發事件 父元件裡 isvisible update v...