美文网首页
vue 开发时的注意点

vue 开发时的注意点

作者: 你的宇哥哥 | 来源:发表于2018-08-24 15:53 被阅读17次

给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)
  }
}

相关文章

  • vue 开发时的注意点

    给click事件的三目表达式去绑定方法时,需要加个小括号 父组件通过prop给子组件传递Array/Object时...

  • vue使用心得

    vue项目使用心得 一、项目搭建(vue-cli) 二、项目开发命令 三、项目打包时注意事项 四、vue hist...

  • 关于vue开发中注意的点

    生命周期及回调: 不要在vue组件的固定选项(生命周期钩子、watcher等)或者回调使用箭头函数:类似creat...

  • vue-cli3+cordova实现app混合开发

    一、安装vue-cli3 安装并建新项目 注意点: 1.ios须在装有ios开发环境(就是要装xcode开发工...

  • uni-app使用Vue.js

    说明 :uni-app基于Vue 2.0实现,开发者需注意Vue 1.0 -> 2.0 的使用差异,详见从 Vue...

  • axios减少重复请求数据 keep-alive

    Vue路由开启keep-alive时的注意点:https://blog.csdn.net/qq_32786873/...

  • v.2.16 header 渐隐渐显效果

    Vue路由开启keep-alive时的注意点:https://blog.csdn.net/qq_32786873/...

  • VUE注意点

    Vue.js 为 v-on 提供了事件修饰符 .stop .prevent .capture .self .onc...

  • vue注意点

    写在前面 本文主要记录一些在vue开发过程中的一些坑和注意点 1. vuejs 2.0 二维数组绑定无法绑定 当...

  • Vue注意点

    html用双引号,js用单引号,如果是嵌套的话就混合使用 render函数是渲染一个视图,然后提供给el挂载,如果...

网友评论

      本文标题:vue 开发时的注意点

      本文链接:https://www.haomeiwen.com/subject/jnzbiftx.html