vue 開發(fā)時的注意點

給click事件的三目表達式去綁定方法時,需要加個小括號

<div @click=" t ? func1() : func2()">點擊我</div>

父組件通過prop給子組件傳遞Array/Object時,傳遞的是變量地址

所以子組件的修改會影響到父組件的該變量。
但是不建議這么做,因為會破壞flux的單向數(shù)據(jù)流,而且無法觸發(fā)prop數(shù)組的watcher。

推薦做法(.sync):

//  父組件.vue
<child :selectValue.sync="mySelectValue" />

// 子組件.vue
props: {
  selectValue: { type: String, default: '' }
},
data() {
  return {
    sValue: this.selectValue
  }
},
watch: {
  sValue(val) {
    this.$emit('update:selectValue', val)
  }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 1.安裝 可以簡單地在頁面引入Vue.js作為獨立版本,Vue即被注冊為全局變量,可以在頁面使用了。 如果希望搭建...
    Awey閱讀 11,309評論 4 129
  • 什么是組件? 組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素,封裝...
    youins閱讀 9,709評論 0 13
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容,還有我對于 Vue 1.0 印象不深的內容。關于...
    云之外閱讀 5,186評論 0 29
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,694評論 19 139
  • 前言 您將在本文當中了解到,往網(wǎng)頁中添加數(shù)據(jù),從傳統(tǒng)的dom操作過渡到數(shù)據(jù)層操作,實現(xiàn)同一個目標,兩種不同的方式....
    itclanCoder閱讀 26,255評論 1 12

友情鏈接更多精彩內容