xiao_cheng_-CSDN博客

vue3 API使用stop停止监听watchEffectawaitref reactive toRefs toRefs之间的关系ref/reactive可触发页面改变toRefs toRef不可触发页面改变只有toRefs支持解构ref可用于任何类型的数据创建响应式，reactive只用于创建引用数据类型的响应式(对于基本类型ref的性能优于reactive)toRefs：......

2022-07-06 16:22:45 719

(踩坑中……)目录一、创建项目步骤二、vite使用记录1、vite使用eslint2、vite 使用sass，不需要安装sass-loader：3、vite使用mock:4、vite使用axios5、vite使用vue-router6.使用pinia7.使用pinia-plugin-persist一、创建项目步骤没得axios/vueRouter，啥都要自行安装pnpm安装：https://blog.csdn.net/xiao_cheng_/article/details/124247953p

2022-04-27 14:02:18 3634

原创 pnpm安装

pnpm安装、报错记录设置源pnpm config get registry // 查看源pnpm config set registry http://registry.npm.taobao.org // 切换淘宝源使用pnpm install 包pnpm i 包pnpm add 包 // -S 默认写入dependenciespnpm add -D // -D devDependenciespnpm add -g // 全局安装pnp

2022-04-18 13:56:41 12686

原创 window新建ssh

window创建ssh第一步：ssh-keygen -t rsa -C '邮箱地址'//一路回车即可，这样可以不用输入密码第二步：eval $(ssh-agent -s)第三步：ssh-add ~/.ssh/id_rsa第四步：复制.ssh文件夹下的id_rsa.pub中的内容，地址demo：第五步：在github–>setting–>SSH and GPG keys–>new ssh keytitel中自定义输入key中复制id_rsa.pub的内容

2022-02-25 15:24:42 1778

原创 vue3 + jest 使用记录

vue3 + jest + VTU使用问题记录1、判断dom元素中是否包含某个元素import addEditUser from '@/views/UserManage/addUser.vue'import ElementPlus from 'element-plus'import { mount } from '@vue/test-utils'describe('addEditUser', () => { const wrapper = mount(addEditUser, {

2022-02-17 09:15:05 897 4

原创 vue3子组件触发父组件方法

vue3子组件触发父组件方法子组件<template> <div @click="confirm ">啦啦啦啦</div></template><script setup>import { defineEmits } from 'vue'const emit = defineEmits(['editConfirm'])const confirm = () => { emit('editConfirm', true)

2022-02-09 10:53:57 4882 2

原创 vue3 父组件调用子组件的方法

vue3调用子组件的方法子组件<template><div></div></template><script setup>import { defineExpose } from 'vue'const dialogShow = (data) => { console.log(data)}defineExpose({ dialogShow})</script>父组件<template&

2022-01-29 13:32:22 26215 5

原创 element-plus小demo

el-table、el-popover、el-select、el-step

2022-01-28 09:39:56 2374

原创 vue3 setup 子组件接受并修改父组件的值

vue3中使用setup子组件接收父组件传过来的值，并修改该值父组件<template> <add-user v-model:dialogAddVisible="dialogAddVisible" /></template><script setup>import AddUser from './addUser.vue'import { ref, watch } from 'vue'const dialogAddVisible = ref(

2022-01-21 13:06:22 7174 5

原创 vue3 报错合集

vue3报错合集1、使用el-table时报错： Uncaught (in promise) TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Object’ | property ‘vnode’ -> object with constructor ‘Object’— property ‘component’ closes the circle原本只

2022-01-20 10:22:52 9238 1

原创 jest Cannot log after tests are done. Did you forget to wait for something async in your test?

vue项目运行jest时报Cannot log after tests are done. Did you forget to wait for something async in your test?的错误，但是并不影响测试结果。(看着太难受，遂找了一下解决办法)解决：import { mount } from '@vue/test-utils' //中的mount改为shallowMount=>import { shallowMount } from '@vue/test-utils'

2021-11-29 10:26:27 1086 1

原创 Failed to execute ‘readAsArrayBuffer‘ on ‘FileReader‘: parameter 1 is not of type ‘Blob‘

Failed to execute ‘readAsArrayBuffer’ on ‘FileReader’: parameter 1 is not of type ‘Blob’在vue中使用FileReader时遇到Failed to execute ‘readAsArrayBuffer’ on ‘FileReader’: parameter 1 is not of type 'Blob’的报错，尝试了new Int8Array、readAsArrayBuffer等方式却依旧没有解决。多次调试后发现是因为

2021-11-10 10:09:14 15542 9

原创 jest vue $route报错

jest vue $route报错运行jest时，在使用了$route的页面中一直报错，在jest中添加下方代码时又会报其他的错误错误的：test('创建groupManage数据', async (done) => { wrapper.vm.$nextTick(() => { //代码块 }) done() }) })最后发现是因为jest文件中没有添加router正确的：import VueRouter from 'vue

2021-11-05 11:24:15 773

原创 jest axios vuex报错

jest axios vuex报错vue项目使用jest时报 groupManage › encountered a declaration exceptionTypeError: Cannot read property ‘state’ of undefined的相关错误原因是因为jest文件中未引入vuexgroupmanage.spec.js:import { createStore } from 'vuex';const store = createStore({ state()

2021-11-05 11:15:35 519

原创 SassError: Invalid css after ““；expected 1 selector or at-rule, was ‘import “****“‘

在给scss起别名时，页面一直报错：SassError: Invalid css after “”;expected 1 selector or at-rule, was 'import “****” 和一些其他的Sass错误，但是在我本地的开发中并没有报错，一旦在服务中使用就报错，晚上搜到的办法都无法解决我的问题，今天无意间找到了问题所在。原因是vue.config.js中文件别名配置时没配置好。正确的代码： vue.config.jsconst path = require('path')fun

2021-11-03 14:56:34 5223

空空如也

空空如也