vue - 随笔分类 - fight139

摘要：报错截图定位 !isBoolean && (typeof value!='string') && (typeof value !='number') && (typeof value !='boolean') 阅读全文

posted @ 2025-12-15 17:04 fight139 阅读(12) 评论(0) 推荐(0)

vite hmr

摘要：状态保存 const initHmr = function(app: App) { const env = getEnv(); if (env.env !== "dev") { return; } app.mixin({ created() { if (import.meta.hot) { cons 阅读全文

posted @ 2025-04-11 15:17 fight139 阅读(30) 评论(0) 推荐(0)

替换vue中template部分的代码

摘要：nodejs import * as fs from "node:fs"; const convertFileCode = function (path) { if (!path.endsWith(".vue")) { return; } const res = fs.readFileSync(pa 阅读全文

posted @ 2025-02-12 10:07 fight139 阅读(45) 评论(0) 推荐(0)

vue性能优化

摘要：异步组件 <template> <Suspense v-if="!routerLoading"> <template #default> <AsyncComp /> </template> <template #fallback> <div class="loading-container"> <d 阅读全文

posted @ 2025-01-17 10:23 fight139 阅读(39) 评论(0) 推荐(0)

vite

摘要：reload优化预构建 optimizeDeps: { exclude: ["@jhlc/utils", "@jhlc/types", "pdfjs-dist", "echarts", "dayjs"] }, 生产环境去掉console log和debugger esbuild: { drop: 阅读全文

posted @ 2024-12-19 09:06 fight139 阅读(35) 评论(0) 推荐(0)

vite打包

摘要：发布版本后静态文件资源找不到问题阅读全文

posted @ 2024-07-24 21:25 fight139 阅读(25) 评论(0) 推荐(0)

vitejs https

摘要：vite https接口 server: { hmr: true, port: 8002, host: '0.0.0.0', proxy: { '/dev-api': { // target: 'http://127.0.0.1:9000', // 接口基地址 // target: 'http:// 阅读全文

posted @ 2024-07-23 10:18 fight139 阅读(35) 评论(0) 推荐(0)

vue模板编译器

摘要：vue模板编译器 import {ASTElement, compile} from 'vue-template-compiler'; import {TableColumnDesc} from "@/components/table/base-table/type.ts"; export cons 阅读全文

posted @ 2024-06-19 16:48 fight139 阅读(40) 评论(0) 推荐(0)

vue3常见问题

摘要：异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi 阅读全文

posted @ 2023-12-14 20:51 fight139 阅读(43) 评论(0) 推荐(0)

vitest&@vue/test-utils组件单元测试

摘要：依赖 "vitest": "0.34.6", "@vue/test-utils": "2.4.3", "axios-mock-adapter": "^1.22.0", 示例 import { mount } from "@vue/test-utils"; import { test, vi } fr 阅读全文

posted @ 2023-12-11 20:54 fight139 阅读(277) 评论(0) 推荐(0)

vite proxy

摘要：proxy: { "/dev-api": { target: "http://172.18.247.123:9000", rewrite: (path) => path.replace(/^/dev-api/, ''), configure: (proxy, _options) => { proxy 阅读全文

posted @ 2023-11-20 17:40 fight139 阅读(127) 评论(0) 推荐(0)

vue-draggable跨iframe拖拽

摘要：### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` 阅读全文

posted @ 2023-08-23 09:45 fight139 阅读(464) 评论(0) 推荐(0)

vite插件

摘要：### rollup-plugin-visualizer 打包耗时打印 ```shell pnpm add rollup-plugin-visualizer -D ``` ```ts import { visualizer } from 'rollup-plugin-visualizer'; exp 阅读全文

posted @ 2023-07-07 18:06 fight139 阅读(55) 评论(0) 推荐(0)

媒体自动播放

摘要：```vue --> 点击菜单 ``` 阅读全文

posted @ 2023-07-07 15:00 fight139 阅读(28) 评论(0) 推荐(0)

vue3模板编译

摘要：withKeys withModifiers 触发render机制 @keyup.enter vue <div @keyup.enter>Hello World</div> js import { withKeys as _withKeys, openBlock as _openBlock, cre 阅读全文

posted @ 2022-10-26 08:47 fight139 阅读(145) 评论(0) 推荐(0)

vue router

摘要：使用vite创建项目 npm init vite vscode配置 jsconfig.json { "include": [ "./src/**/*" ], "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } } 阅读全文

posted @ 2022-08-28 21:25 fight139 阅读(40) 评论(0) 推荐(0)

vite打包组件库

摘要：vite.config.js import {defineConfig} from 'vite' import vue from '@vitejs/plugin-vue' import AutoImport from 'unplugin-auto-import/vite' // vite.confi 阅读全文

posted @ 2022-08-03 18:14 fight139 阅读(1647) 评论(0) 推荐(0)

vue3插槽内部v-model失效问题

摘要：场景插槽内部无法向上抛出 onUpdate:modelValue事件 let children = h(resolveComponent('draggable'), { class: 'draggable-box', id: name, itemKey: 'cid', group: 'formGr 阅读全文

posted @ 2022-07-25 19:13 fight139 阅读(667) 评论(0) 推荐(0)

vue3高级技巧

摘要：ref 渲染时挂载ref result.ref = el => { if (node.cid) { pageConfig().putDomRef(node.cid as string, el); } } v-model实现 import {defineComponent, h, ref, resol 阅读全文

posted @ 2022-07-19 16:34 fight139 阅读(265) 评论(0) 推荐(0)

vue3 draggable

摘要：必须响应式 let config: ElementNode = { tag: 'div', isHtml: true, type: 'success', children: [{ tag: 'FormComponent', size: 'big', inline: true, list: react 阅读全文

posted @ 2022-07-13 15:03 fight139 阅读(191) 评论(0) 推荐(0)

fight139

随笔分类 - vue