下载此文档

Vue开发公共组件应注意哪些方面.doc


文档分类:IT计算机 | 页数:约1页 举报非法文档有奖
1/1
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/1 下载此文档
文档列表 文档介绍
Vue开发公共组件应注意哪些方面
Vue开发公共组件应注意哪些方面
―、理论上来说,既然是使用vue开发可共用的组件。首先需要开发者具备组件化的思想。公共组件开发的目的就是为了复用性,要保证复用性高就要求我们开发出来的组件应具备高内聚、Vue开发公共组件应注意哪些方面
Vue开发公共组件应注意哪些方面
―、理论上来说,既然是使用vue开发可共用的组件。首先需要开发者具备组件化的思想。公共组件开发的目的就是为了复用性,要保证复用性高就要求我们开发出来的组件应具备高内聚、低耦合的特性
二、实现上来说,我们应尽量做到以下几点:
和业务有关的数据不要在公共组件中获取和处理,数据尽量从父组件传入
为了和业务与其他的组件解耦,子组件本身就不应该生成数据。即使生成了,也只能在组件内部运作,不能传递出去。
父对子传参,就需要用到props,但是通用组件的的应用场景比较复杂,对props传递的参数应该添加一些验证规则
2在父组件处理事件
在通用组件中,通常会需要有各种事件,比如输入框onChange事件,或者组件中某个按钮的click事件,这些事件的处理方法应当尽量放到父组件中,在子组件中去触发父组件的函数去处理,通用组件一般只是作为一个事件的中转。
公共组件中一般要留一个插槽
—个公共组件,一般不能够完全适用于所有应用场景,我们在封装组件的时候,往往只需要完成组件80%的功能,剩下的20%可以让父组件通过solt解决
不要依赖Vue
父子组件之间是通过props和自定义事件来传参,非父子组件可以使用Vuex传参,但是Vuex的设计初衷是公共状态的管理,虽然可以用来传参,但并不推荐,因为Vuex类似于一个全局变量,会一直占用内存,在写入数据庞大的s

Vue开发公共组件应注意哪些方面 来自淘豆网m.daumloan.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数1
  • 收藏数0 收藏
  • 顶次数0
  • 上传人小辰GG
  • 文件大小26 KB
  • 时间2022-05-25
最近更新