vue 开发时的注意点

给click事件的三目表达式去绑定方法时,需要加个小括号

点击我

父组件通过prop给子组件传递Array/Object时,传递的是变量地址

所以子组件的修改会影响到父组件的该变量。
但是不建议这么做,因为会破坏flux的单向数据流,而且无法触发prop数组的watcher。

推荐做法(.sync):

//  父组件.vue


// 子组件.vue
props: {
  selectValue: { type: String, default: '' }
},
data() {
  return {
    sValue: this.selectValue
  }
},
watch: {
  sValue(val) {
    this.$emit('update:selectValue', val)
  }
}

你可能感兴趣的:(vue 开发时的注意点)