# 升级为vue3 option api指南
*尽量使用esm的export/import语法,不要用require *
预先使用gogocode转换代码
#### 1.组件props的type如果有多个的话,请修改成Array写法
(如:'\[String,Number\]')而不是 '|' 写法(如 'String | Number')
#### 2.组件的v-model响应式
props里的value要改为modelValue
事件
this.$emit('update:modelValue',value)
还需要加上emits:['update:modelValue'],
#### 3.样式的写法
scss里的deep
::v-deep{.box{color:red}}改为:deep(.box{color:red})
#### 4.一些依赖包和第三方组件需要用vue3版本
比如"vue-count-to"=>"vue3-count-to"
#### 5.生命周期写法转为
beforeDestroy -> onBeforeUnmount;
destroyed -> onUnmounted;