
前端-vue3相关
文章平均质量分 54
记录/分享vue3相关文章/知识/心得体会
pzy_666
风会指引你前进的方向
展开
-
vue3中使用ts
ref方式指定自定义组件类型import { ElForm } from 'element-plus'// InstanceType是无需显示引入的type FormInstance = InstanceType<typeof ElForm>const elFormRef = ref<FormInstance>()某种类型可以是自定义的多种类型type RouteLocationRaw = string | (RouteQueryAndHash & Locat原创 2022-03-09 10:42:32 · 4433 阅读 · 0 评论 -
js错误类型与错误信息统一收集
错误类型Error代码运行时的错误,除了 Error 这个对象,一些内置 错误类 在异常时返回,如SyntaxError、 EvalError 、 RangeError 、 ReferenceError 、 TypeError 等,具体信息ErrorScript error跨域脚本,为了防止信息泄露,不会展示语法错误具体信息,只会展示 Script error.可以先解决跨域:客户端script标签添加 crossorigin=“anonymous”服务端响应header添加 Access-原创 2022-02-26 22:08:59 · 3168 阅读 · 0 评论 -
vue3 watch与watchEffect
watch单个变量监听监听ref属性const theName = ref('张三')watch(theName, newVal => { console.log('newVal', newVal)})监听reactive属性监听单个属性const obj = reactive({ name: '张三', hobby: [ { title: '你好', }, ],})watch( () => obj.name, newV原创 2022-02-26 10:29:43 · 143 阅读 · 0 评论 -
keep-alive使用
相关文章vue组件缓存之keep-alive正确使用姿势vue中keep-alive的作用vue项目使用keep-alive的作用vue中keep-alive的使用及详解Vue / keep-alivevue实现前进刷新,后退不刷新vue-router 之 keep-alive原创 2022-02-17 16:06:42 · 254 阅读 · 0 评论 -
vue3实现动态组件加载写法
代码示例<script lang="ts" setup>import { defineAsyncComponent, ref } from 'vue'// 需要加载的组件集合const components = ref(new Map<string, any>())components.value.set( 'MyTag', defineAsyncComponent(() => import('./MyTag.vue')))components.valu原创 2022-02-16 11:57:06 · 13117 阅读 · 1 评论 -
配置stylelint
文章目录安装依赖新建配置文件`package.json`加入stylelint相关配置webstorm配置stylelint忽略stylelint对css的检验参考安装依赖npm install -D stylelint stylelint-config-standard stylelint-config-rational-order stylelint-prettier stylelint-config-prettier postcss-less postcss-scss postcss-html s原创 2022-02-13 23:53:08 · 2139 阅读 · 0 评论 -
vue3杂记
会导致进行非预期更新的写法当未显示声明为prop的属性发生改变时, 会导致组件进行rerender原创 2022-02-09 17:22:37 · 289 阅读 · 0 评论