vite vue3 项目配置记录

vitevue3项目配置记录参考文档https://cn.vitejs.dev/guide/基础配置JavaScriptexportdefaultdefineConfig({base:"",//配置css、js等资源为相对目录//...配置卸载这里define:{},plugins:[]})define-做一些文本替换的功能,在vue3中常见的是关闭options选项,以便打包之后缩小体积JavaScriptdefine:{__VUE_OPTIONS_API__:false,__VUE_PROD_DEVTOOLS__:false,},plugins-配置一些插件,也是vite最核心的部分**1

vue3 常用编码习惯总结

vue3常用编码习惯总结函数式计算属性通常写计算属性的一般写法如下typescriptconstnumberA=ref(0)constnumberB=ref(0)constresult=computed(()=numberA.value+numberB.value)函数式可以这样写。这样写的理由是,add可以封装一次多处复用,而不是像上边那种写法,每次都需要书写一遍typescript//函数传入a、b两个Ref类型的参数,返回计算属性functionadd(a:Ref<number,b:Ref<number){returncomputed(()=a.value+b.value)}//无论修改