vue3
文章平均质量分 54
青浅l
兜兜转转,发现只有写写代码,才能维持生活这样子。
展开
-
TS2305: Module ‘“../../node_modules/vue/dist/vue“‘ has no exported member ‘ref‘.
项目场景:VUE3 中 报TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘ref’.问题描述:TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘X’vue3中所有的组件引入都报错,提示方法魔力不存在 原因分析: 最开始以为是vue版本不对,从vue3.0.0升级到最新的vue3.2.20 依旧报原创 2021-10-13 11:35:41 · 11872 阅读 · 18 评论 -
vue3中watch 和watchEffect的用法
watch 和 watchEffect 都是监听器,但在写法和使用上有所区别。watch在监听ref和reactive类型时watch函数的写法不同。1.1、 watch监听ref类型时:import {ref, watch} from 'vue'export default { setup(){ const state = ref(0) watch(state, (newValue, oldValue) => { console.原创 2021-10-09 11:19:35 · 698 阅读 · 0 评论 -
vue身份证正则校验的2种类型
项目场景:vue项目中身份证号码设置了校验,但是在验收的时候还可以输入错误的身份证号码。依旧通过了校验,发现是校验规则不够严格。替换一种新的校验方式问题描述:旧的正则校验不够严谨,可以输入合法但错误的身份证号。代码:data(){ return { rules:{ IDCard: [ { required: true, pattern: /^(([1-9][原创 2020-12-19 14:15:42 · 6120 阅读 · 2 评论 -
vue3.0生命周期以及如何使用vue-router、vuex
vue3.0发布已经有一段时间了,用于生产环境还有点早,但是为了装杯还是要学一下的。继续鼓捣一下vue3.0版本的blog(虽然上一版已烂尾)记录一下vue3中如何使用生命周期函数、vue-router以及vuex(登录后台管理系统,根据是否缓存token判断跳转到登录界面)1、vue3中使用vuex<script lang = 'ts'>import { defineComponent } from 'vue';import { useStore } from 'vuex'ex.原创 2020-11-26 17:54:37 · 1489 阅读 · 0 评论