随笔分类 - Vue
摘要：tsconfig 之 compilerOptions 详解
阅读全文
摘要：一、使用习惯1（模块化）： 1、文件目录： 2、userStore.ts import { Module } from 'vuex'; // import {setStorage,getStorage} from "../../util/common"; export default { names
阅读全文
摘要：/** * 存储localStorage */ export const setStore = (params: any) => { const {name, content, type, datetime} = params const obj = { dataType: typeof (cont
阅读全文
摘要：解决方法：使用toRefs结构，使其具有响应式，再使用！ import { reactive, defineProps, toRefs } from 'vue'; const props = defineProps({ xAxisData: { type: Array, default: [] },
阅读全文
摘要：找不到模块 “path“ 或其相对应的类型声明使用 npm init @vitejs/app 创建项目添加别名import path from “path”; 解决方法：npm install @types/node --save-dev
阅读全文
摘要：组件的作用： 指定name选项的另外一个好处是便于调试 有名字的组件有更友好的组件信息 另外当在有vue-devtools,未命名组件将显示<AnonymousComponent>,这种很没有语义, 通过提供name 选项,可以获得更有语义信息的组件树 所以给组件起一个名字是非常有必要的,尽量不要让
阅读全文
摘要：export default defineComponent({ props: { isOpen: Boolean, }, emits: { "close-modal": null, }, setup(props, context) { watch( () => props.isOpen, // r
阅读全文
摘要：一、路由、子路由、动态路由 子路由、动态路由类似，不同的是子路由同时有路由跳转和页面跳转的，动态路由只有路由跳转，没有页面跳转。 如下面路由： /customerHome 下有 item1 和 item2 两个子路由。 item1 下面有动态路由，如/customerHomeitem1/1/cust
阅读全文
摘要：https://blog.csdn.net/bsegebr/article/details/123369872
阅读全文
摘要：前言 在vue3中删除了vue2中的data函数，因此，vue3.0要在template中使用某些变量就必须在最后return出来，多次声明变量，不太方便，也不太友好。而在vue3.2版本之后，我们只需在script标签上加上setup属性，不需要再写return就可以直接在template中使用，
阅读全文
摘要：目录 一：npm构建 二：更改http://localhost:3000/到8080与Network路由访问 三：配置vite别名（npm install @types/node --save-dev） 四 ：路由（npm install vue-router@4） 五：vuex(npm insta
阅读全文
摘要：在vue2中的跨组件通信中，我们如果不用状态管理vuex的话，我们就会采用事件总线的通信的方式，通常做法就是新建一个js文件，例如bus.js，在里面new Vue()，然后export default导出，但是在vue3中移除了事件总线，我们不可以再这么用了，，，但是官方给我们推荐了外部第三方的库
阅读全文
摘要：export const setStorage = (key, value) => { if (!key) return console.error('请输入设置的key'); localStorage.setItem(key, value); }; export const getStorage
阅读全文
摘要：/** * 获取本地图 * @param name // 文件名 如 doc.png * @returns {*|string} */ export const getAssetsImages = (name) => { return new URL(`/src/assets/image/${nam
阅读全文
摘要：CommonEcharts.vue <!--CommonEcharts.vue --> <template> <div ref="echartsDom" :style="{ width: width, height: height }"></div> </template> <script setu
阅读全文
摘要：有的npm包使用原生js没问题，换ts后某些包会报“Could not find a declaration file for module”的错误。 有以下两种方式解决 1、下载 @type/报错包（部分包开发者可能没有上传自己的.d.ts代码到npm分支，这时会报错说找不到这个包，别急看下一步）
阅读全文
摘要：方法1（不推荐）： 将图片放到public目录下，即可以正常使用。 方法2（推荐）： 不妨建立common文件夹，然后建立common.js文件，写个函数，如下： export const getAssetsImages = (name) => { return new URL(`/src/asse
阅读全文
摘要：vue3.0新特性笔记（转发链接） vue3.2新特性笔记（转发链接）
阅读全文
摘要：一文搞懂Vue3.2中setup语法糖使用
阅读全文
