Vue3 PC端页面开发规范( 三 ) _Vue3

其他类型均须初始化为null

3.11组件封装公共组件必须封装为独立的组件；
对于既可以采用封装的方式来实现，也可以在一个独立的vue文件中实现的，视业务逻辑复杂度进行开发，如果预计的代码量超过500行，则进行拆分，将列表、对话框、弹出框、Tab页内容等进行独立开发。
组件封装规范：
原则上不使用组件属性，如果需要属性进行分类则可以使用属性，但需要注意，组件属性不能修改其值，只负责单项传递数据，原则上不使用组件属性双向传递数据
组件封装需实现一个初始化函数和0个或n个回调事件：
初始化函数命名：
init([组件参数])回调事件命名：
call_back_[事件结果名称]如果只有一个单一的回调事件必须省略[事件结果名称]，只使用call_back
组件调用：this.$refs.[ref_name].init()
触发回调：emit('call_back')
3.12服务代理服务代理规定访问后端接口的配置方法；使用webpack配置中的proxy项来实现，不允许将访问地址写成固定的字符串捆绑到请求中；
vue.config.js

devServer: {proxy: {'/oth_api': {target: 'http://127.0.0.1:8000/',changeOrigin: true},'qybackstage_api': {target: 'http://127.0.0.1:8001/',changeOrigin: true}}},

3.13UI组件导入UI组件的引入必须使用按需导入的方法，不允许一次性全部引入。

【Vue3 PC端页面开发规范】