vue學習筆記六 在vue專案裡面父子元件傳值

一、父給子傳值：

home.vue(父)註冊子元件myfooter，並定義params值，給子元件傳值

myfooter.vue(子)接收父傳的值，使用到props接收值。

控制台輸出結果

二、子給父傳值

home.vue父在註冊子元件mychild時自定義兩個事件(incre和decre),並在增加increment和decrement的方法，說道底就是，父方法建立方法讓子元件呼叫改變

父：}

p>
v-bind:num="num"
v-on:incre="increment"
v-on:decre="decrement">
my-child>

export

default 
},components: ,
methods:,
decrement()}}

+button>

-button>
}p>
div>
template>
export default ;
},components: {},
methods:,
decrement()}}
script>

在vue專案中的js檔案裡使用vue例項

參考的 不為其他，就為了記錄一下，方便以後檢視 1 首先在http.js中 定義乙個變數context用來接收vue，再定乙個initvue方法傳入的引數是vue，並匯出這個方法。import axios from axios const time out ms 60 1000 預設請求超時時間 l...

Vue筆記（六） Vue元件通訊 Vuex

思路 定義子元件的屬性 自定義 父元件賦值給子元件思路 定義子元件的屬性 ref a 父元件通過 this.refs.a.子元件方法 思路 父元件通過 this.children 0 子元件方法 思路 父元件在元件的生命週期 mounted 用 on定義事件，子元件用this.parent.emit...

Vue筆記（六） Vue元件通訊 Vuex

思路 定義子元件的屬性 自定義 父元件賦值給子元件思路 定義子元件的屬性 ref a 父元件通過 this.refs.a.子元件方法 思路 父元件通過 this.children 0 子元件方法 思路 父元件在元件的生命週期 mounted 用 on定義事件，子元件用this.parent.emit...