vue3+vite项目配置适配H5主要安装一下两个插件：amfe-flexible（主要用于动态设置根元素字体大小(rem)，以根据屏幕尺寸进行自适应布局）postcss-px-to-viewport-8-plugin（将px单位转换为rem）开始配置：第一步、安装amfe-flexible插件 {代码...} 第二步、在main.js中导入 {代码...} 第三步、安装postcss-px-to-viewport...

[链接]

1、新建项目文件夹 test2、终端 cd test3、运行 {代码...} 创建package.json文件，生成如下目录4、配置webpack.config.js {代码...} 5、package.json 配置scripts: {} {代码...} github项目地址：[链接]

在线浏览word文件 {代码...}

vue3中去掉了addRoutes只能使用addRoute添加路由，那么我们就需要循环添加。路有数据都是从后台获取，直接循环生成菜单，然后我们在main.js中通过路由守卫添加动态路由

前端formData传参，有时候需要传递数组对象，如果直接给变量append一个数组对象后台无法接受。 {代码...} 正确的传参方式如下 {代码...} 如果是字符串或者数字数组 {代码...}

vue3中取消了过滤器filter，如果组件中单独使用可以用computed、watch来替换。但是想全局创建一个之前的vue2中的filter，我们就要使用在vue全局中挂在属性或者方法。

前端浏览器直接预览word文件1、基础地址（固定） {代码...} 2、自己上传的word地址，必须公网可访问，并且必须使用encodeURIComponent编码 {代码...} 3、使用window.open打开 {代码...}

1、Veturvue代码高亮显示2、GitLens选中代码，显示最近修改代码的作者3、Vue 3 Snippets这个插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段。4、Auto Close Tag自动闭合标签5、Auto Rename Tag修改开始标签名称，自动重命名结束标签6、Bracket Pair Colorizer对应代码块的括号加不同显色显示7、Path Inte...

1、watch是惰性执行，也就是只有监听的值发生变化的时候才会执行，但是watchEffect不同，每次代码加载watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行）

vue3.0新建项目二次封装axios，配置本地代理。1、在src文件夹中创建http文件夹并新建http.js和api.js，并在更目录创建vue.config.js文件2、配置http.js文件如果没有安装axios，首先安装axios {代码...} {代码...} 3、配置api.js文件 {代码...} 4、在组件中使用接口 {代码...} 5、配置代理 vue.config.js {代码...}

现在都是前后端分离开发，在开发过程中经常遇到后台接口还没有写好，但是前段界面需要跑流程来测试界面交互，这时候就需要通过做一些假数据模拟整个流程，我已我们就使用了mockjs来生成随机数据，拦截 Ajax 请求

解答：因为我配置的路由钩子（router.beforeEach）有问题，导致路由死循环。路由中的redirect和路有钩子中没有登录的时候自动跳转到登录界面冲突导致死循环，修改一些redirect和路由钩子拦截跳转的规则。

若是真感情，天天520一、效果这封装成一个组件，在需要使用的地方引入即可，完整代码上传到git上面了，地址：[链接]二、基本配置（左边公共组件)如果您对vue-draggable的基本用法还不熟悉可以看看我之前写的一篇文章，讲的是vue-dragagble的基本配置和用法[链接]定义json数据 {代码...} html代码 {代码...} 三、中间编辑...

一、全局引入文件1、先定义共用组件 common.vue {代码...} 2、在需要使用的地方导入 {代码...} 3、使用 {代码...} 二、main.js中引入全局变量和方法1、定义共用组件同上2、main.js中引入并复制给vue {代码...} 3、使用 {代码...} 三、定义common.js文件，直接在main.js中引入，直接使用1、common.js 这里注意 Vue.http ...