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