vue 开发时的注意点

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

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

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

所以子组件的修改会影响到父组件的该变量。
但是不建议这么做,因为会破坏flux的单向数据流,而且无法触发prop数组的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)
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,109评论 4 129
  • 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装...
    youins阅读 9,533评论 0 13
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0 29
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,001评论 19 139
  • 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式....
    itclanCoder阅读 25,917评论 1 12