vue的基本框架

所有的頁面放在 src -> components 中

路徑寫在 src -> router -> index.js 中
(如果后面用到ajax的話 ,要這個js中添加import Resource from 'vue-resource' Vue.use(Resource))

app.vue
整個項目中 每個頁面都有的組件 可以直接寫在這里
(類似 導航條)

父組件傳值給 子組件
父組件中

  <childer  :val="count"></childer>

子組件 接受 父組件給的值
子組件 中

 props: {
    val: {
          type: Boolean,
          default: false
    }
}

子組件 觸發(fā) 父組件的事件
子組件中

something ( ) {
  ........
  this.$emit('select', value)
}

父組件 接受 子組件的事件觸發(fā)
父組件中

  <childer :select="doSome"></childer>


methods: {
  doSome ( value ) {
    ....
  }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容