vue子传父关于.sync与$emit的实现

$emit(udate:prop，newPropVulue)このモードは、サブアセンブリを親のコンポーネントに伝達させます。属性を更新し、新たな属性値を打ち出すことができます。
.sync修饰子は父部品の中でpropを修正して修饰符に値します。
一：どこで使うべきですか？sync修饰符は？
子が父を伝えて、父の級は2データがあって、v-modalがない時
例えば、iviewのTreeコンポーネントでは、
親レベル:

<folder-tree
 :folder-list.sync="folderList"
 :file-list.sync="fileList"
 :folder-drop="folderDrop"
 :file-drop="fileDrop"
 :beforDelete="beforeDelete"
/>
import FolderTree from '_c/folder-tree'
export default {
 components: {
  FolderTree
 },
 }

サブレベル:

<Tree :data="folderTree" :render="renderFunc"></Tree>

サブメソッドの書き方：

 let updateListName = isFolder ? 'folderList' : 'fileList'
 this.$emit(`update:${updateListName}`, list)

二：syncと$emitの書き方問題
使用します。sync修饰符、すなわち

// this.$emit('update:folder-tree',100); //  
this.$emit('update:folderTree',100); //  
//......
<folder-tree v-bind:folder-tree.sync="test"></folder-tree>

使用しない

this.$emit('update:folder-tree',100); //  
//this.$emit('update:folderTree',100); //   
 
 //......
 <folderTree v-bind:father-num="test" v-on:update:folder-tree="test=$event" ></folderTree>

以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。