博客地址:https://ainyi.com/95 本人玩了 Vue 两年多,在此总结一下开发时的一些技巧和方法 自定义组件 v-model v-model 是 Vue 提供的一个语法糖,它本质上是由 value 属性 + input 事件组成的(都是原生的默认属性) 自定义组件中 ...
状态共享 随着组件的细化,就会遇到多组件状态共享的情况, Vuex当然可以解决这类问题,不过就像 Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是 vue.js . 新增加的Observable API ,通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。 如下这个例子,我们将在组件外创建一个 store,然后在 App.vue组件 ...
2019-06-06 15:44 0 644 推荐指数:
博客地址:https://ainyi.com/95 本人玩了 Vue 两年多,在此总结一下开发时的一些技巧和方法 自定义组件 v-model v-model 是 Vue 提供的一个语法糖,它本质上是由 value 属性 + input 事件组成的(都是原生的默认属性) 自定义组件中 ...
1. 长列表性能优化 在2.x版本中Vue会通过Object.defineProperty对数据进行劫持, 以实现双向数据绑定. 但在一些特定的业务场景, 组件只需要进行纯数据展示, 不会有任何变化, 此时我们可能不需要Vue对来数据进行劫持. 在大量数据需要进行呈现时, 如果禁止Vue对数 ...
很多时候我们开发一个组件需要频繁使用的时候,最好的方法就是进行全局注册,这样可以更方便使用。 这篇文章就是讨论一下全局注册组件或插件技巧 全局组件注册方式: 直接在入口main.js引入注册 import LoadingView from './components ...
转载处:https://juejin.im/post/5d9d386fe51d45784d3f8637 ...
路由参数解耦 一般在组件内使用路由参数,大多数人会这样做: 在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。 正确的做 ...
优雅更新props 更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件,在父组件中接收该事件的传值来更新 prop。 child.vue ...
前言 用Vue开发一个网页并不难,但是也经常会遇到一些问题,其实大部分的问题都在文档中有所提及,再不然我们通过谷歌也能成功搜索到问题的答案,为了帮助小伙伴们提前踩坑,在遇到问题的时候,心里大概有个谱知道该如何去解决问题。这篇文章是将自己知道的一些小技巧,结合查阅资料整理成的一篇 ...
事件总线 在非父子组件中是无法直接通信的。 在vue中除了vuex可以统一管理状态,还有另外一种方法叫事件总线 原理: 在vue原型中创建Vue实例,利用vue的事件总线进行发射接收 创建$bus Vue.prototype.$bus = new Vue() 发射事件 //参数 ...