鍍金池/ 問答/HTML/ vue.js 如何自定義組件如果寫到文件中,如何注冊全局組件并注冊props

vue.js 如何自定義組件如果寫到文件中,如何注冊全局組件并注冊props

如果自定義的組件簡單,可以直接像官方文檔中的方法,如下:

Vue.component('child', {
  // 聲明 props
  props: ['message'],
  // 就像 data 一樣,prop 也可以在模板中使用
  // 同樣也可以在 vm 實(shí)例中通過 this.message 來使用
  template: '<span>{{ message }}</span>'
})

如果組件復(fù)雜,單獨(dú)寫到了一個(gè)文件,可以在js中通過如下方式加載

import SubComponent from ../SubComponent.vue
Vue.component('subcomp', SubComponent )

但此時(shí)如何再定義props呢,找了半天沒有說法。

回答
編輯回答
抱緊我

props 定義在子組件里,類似注冊在全局,在使用子組件的地方,傳值props到子組件

2017年4月3日 12:33
編輯回答
陪她鬧

這是我一個(gè)vue組件中的js代碼,不知道能不能幫你解決

clipboard.png

2017年9月16日 07:03