最近練手了乙個專案，是這樣的乙個頁面我拆分成了父元件（test.vue）和子元件（use_select.vue）
首先在父元件的js內用import引入子元件（字尾名省略了）：
import userselectdiv from "./user_select";components:最後在頁面要顯示的部分以標籤的形式寫入：
子元件使用props接收這個值，書寫方式為在data的同級上面寫乙個props陣列：
props: ["indexs"],按照我的理解，既然是子元件給父元件傳值，那麼必然是子元件的資料發生了變化
子元件使用$emit給父元件傳值，
比如：
this.$emit("windowflagclick", 'false');上面的父元件中引入子元件的標籤就需要變更一下，加上v-on事件然後這個事件為windowflagclick：
windowshow(data)介紹完畢。
Vue 中子元件訪問父元件資料
官方解釋 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中，但是反過來則不行。這樣會防止從子元件意外變更父級元件的狀態，從而導致你的應用的資料流向難以理解。我們可以這樣理解，當父級元件的資料發生改變的時候，子級元件接受的資料也會自動發生...
Vue父元件獲取子元件資料
方法 一 從父元件呼叫子元件方法獲取資料 1 子元件addindex.vue寫乙個方法，返回要用的資料 methods 2 在父組aindex.vue件中獲取值 import procedureedit from pages procedure add addindex methods 方法 二 子...
vue元件，父元件與子元件之間通訊
vue元件，元件是乙個可復用的功能模組，即將具有相同功能的模組抽取成乙個元件，在需要的地方引用即可，這體現了 封裝的思想，下面看一下元件是如何實現 定義乙個名為 button counter 的新元件 vue.component button counter template you clicked...