随笔分类 - vite
1
摘要:<!-- 动态组件 --> <component :is="components.get(activeKey)" /> import { defineAsyncComponent, markRaw } from 'vue'; const components = markRaw(new Map<st
阅读全文
摘要:1、axios({ method:'get', url:'http://bit.ly/2mTM3nY1233455, headers: { 'content-type': 'text/xml' },data: {} }) .then(function(response) { });2、 axios(
阅读全文
摘要:1、 import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router" function getRoutes() { const { routes } = loadRouters(); /** * rout
阅读全文
摘要:const editorConfig = { placeholder: '请输入内容...', MENU_CONF: {} } editorConfig.MENU_CONF['uploadImage'] = { async customUpload(file, insertFn) { const {
阅读全文
摘要:官网 https://www.wangeditor.com/v5/for-frame.html#vue3 1、查看所有工具栏 const handleCreated = (editor) => { editorRef.value = editor // 记录 editor 实例,重要! // 查看所
阅读全文
摘要:先说一下我的问题: 最近在用 v3 和 ts 做工程,但是在用户代码片段中设置了快捷键,发现是不起作用的,就很奇怪,过了一段时间, 突然想起来,我现在用的是 ts,不是js了,哈哈,虽然在用但是还没反应过来,后来改了就好了,总结如下: 1、常规(vue + js + ...) 找到文件-首选项-用户
阅读全文
摘要:1、 npm install vue3-lazy -S 2、 import lazyPlugin from 'vue3-lazy' app.use(lazyPlugin, { // loading: '', // 图片加载时默认图片 // error: '' // 图片加载失败时默认图片 }) 3、
阅读全文
摘要:<script setup lang="ts"> import { ref } from 'vue' import { useClipboard, usePermission } from '@vueuse/core' const input = ref('') const { text, isSu
阅读全文
摘要:1.旧文档 https://vuejs.org/ 2.新文档 全新体验,通俗易懂 https://vuejs.org/translations/ 参考 https://zhuanlan.zhihu.com/p/487428288
阅读全文
摘要:1、不使用 useVModel 子组件 父组件 2、使用 useVModel 子组件 注意: 不使用 :value 而是使用 v-model 父组件 注意: 若是多层嵌套的情况 子组件不变,沿用 使用 useVModel 父组件 效果 还是很好使用的。。。666
阅读全文
摘要:官网解释 从实现上看,defineComponent 只返回传递给它的对象。但是,就类型而言,返回的值有一个合成类型的构造函数,用于手动渲染函数、TSX 和 IDE 工具支持。 官网示例 我在自己使用发现的 在单组件中时, 1、不用 defineComponent 会发现,setup中 props的
阅读全文
摘要:1、安装 npm install less npm install less-loader 若有则不需要安装,若无则安装 2、定义变量文件 如 globle.less,添加变量如 3、配置 - vite.config.ts 3、使用
阅读全文
摘要:问题: 当在nginx中部署多个前端工程时,且用 history 模式时,不刷新则以,一刷新页面就是奥利给白! 故,经过再次研究(之前就弄过,现在忘了。。。。。),给有这种问题的朋友出教学稳住,哈哈。。。 准备: nginx 目录 nginx html v3ts sbin conf ...... v
阅读全文
摘要:ts interface 定义接口 reactive 使用 或 注意 这样的没法直接实现响应式,注意!!!!!!!!!!!!1
阅读全文
摘要:1、安装 npm install pinia-plugin-persist 2、src/mais.ts 3、src/stores/index.ts 4、效果 5、使用 或 或 mapState ( 此方法好像在 <script setup lang="ts"> </script> 标签里不好用,谁有
阅读全文
摘要:vue2 变量名 以 VUE_APP_ 开头 vue3 vite 1、根目录创建 2、package.json 配置 3、使用 4、注意 VITE_APP_BASEURL 变量 有三种类型,所以使用前进行 断言判断
阅读全文
摘要:vite.config.ts tsconfig.json 增加此处,可防止以下报错 注: 要保证两处的别名一样
阅读全文
摘要:一、先说操作步骤:(根据官方文档) 1、 安装 npm init vue@latest 2、base.css 文件(目录...\src\assets\base.css) /* color palette from <https://github.com/vuejs/theme> */ :root {
阅读全文
摘要:1、问题 2、解决 在src 目录下创建 .d.ts结尾的文件,如vue.d.ts 或 shime.d.ts 等均可。 并写入 declare module "*.vue" { import Vue from "@/vue"; export default Vue; } 此时,你会发现已经不爆红了。
阅读全文
1

浙公网安备 33010602011771号