Vue-cli 4.x / Vue-cli 3.x 中报 You are using the runtime-only build of Vue where the template compiler is not available

在 Vue-cli 4.x / Vue-cli 3.x 项目中报:[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 警告,导致这问题的常见原因是用户习惯地把 Vue 2.x 项目中的 main.js 里面的下面代码段拷过来直接覆盖 Vue-cli 4.x / Vue-cli 3.x 初始生成中的 main.js 的下面代码段 继续阅读

Vue-Cli 4.x 配置 postcss-plugin-px2rem 及 autoprefixer 作为移动端 h5 自适应解决方案

在 vue-cli 4.x 中如何配置 postcss-plugin-px2rem 进行移动端开发?如何配置 autoprefixer 进行样式预处理?

在项目 vue-cli 4 创建的 vue 项目根目录下创建 vue.config.js 文件,系统会自动检测此配置文件,然后配置如下: 继续阅读

使用 async / await 让你完全告别回调地狱的烦恼

背景

接口的异步请求方式经历了一系列的变化,由最古老的方式(自己封装 XMLHttpRequest / ActiveXObject);到 jQuery 一招先的年代 ajax 大行其道;再到后面 Promise 的出现后,所有的请求的方式都改成了使用 window.fetch / 类 fetch 的请求方式直接返回一个 Promise 作为请求结果返回,解决了前两方式最容易出现的回调地狱的问题。但使用 Promise.then 的方式还是有一定的局限性,虽然可以使用 Promise.all 来支持迸发请求,但使用起来还不是很爽。直到 ES 7 的 async / await 的出现, 继续阅读

Vue CLI 中的 vue.config.js devServer.proxy 配置的一般技巧

背景

如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。

继续阅读

Vue2.x 使用过程中常见问题

目录

一、vue监听不到state数组/json对象内的元素的值的变化,要手动通知触发
二、vue用splice删除多维数组元素导致视图更新失败情况
三、vue项目如何部署到php或者java环境的服务器?
四、vue-router各种路由及跳转
五、vue-router如何取参?
六、vue中如何深度watch?
七、vue生命周期及所有东西
八、vue-router路由拦截中间件
九、axios请求拦截中间件处理
十、autoprefixer版本设置不能使用默认,browsers: [‘last 2 versions’]
十一、设置反向代理来调用开发环境的接口实现跨域
十二、scoped CSS样式对子组件无效问题
十三、路由鉴权逻辑
十四、如何修改Vue打包之后的文件路径为相对路径?
十五、在Vue中使用全局变量或者全局挂载
十六、旧系统手机及低版浏览器出现白屏问题的解决
十七、在vue的template里面使用style动态设置图片背景问题
十八、当配置vue项目打包出来的css/js文件不带版本号时,如何解决缓存问题?
十九、路由页面不变参数变化情况,页面状态不更新问题
二十、Vue中配置反向代理使用localhost:8080时报[HPM] Error occurred while trying to proxy request,请求时报504错误
二十一、Vue中node-sass突然使用不了,报…Run `npm rebuild node-sass` to build the binding…等错误
二十二、Vue发包上线cache control控制文件缓存策略问题,特别是index.html文件
二十三、document.activeElement.scrollIntoViewIfNeeded()解决iphone输入框移位或者vue keep-alive页面后退白屏问题
二十四、使用babel-polyfill解决旧版手机白屏或者PC浏览器兼容问题
二十五、使用computed的get,set可实时反向更改源数据
二十六、在页面上如何调用组件内的函数?
二十七、在Vue中如何突破模版限制递归渲染类树结构视图内容?
二十八、vue-router路由拦截的写法坑
二十九、移动端ios8的坑,路由前页面没有滚到顶部,路由后的页面使用了fixed内容且宽为100%时,宽度会超过750px/10rem,导致布局错乱
三十、axios请求formData的方式
三十一、vue动态设置raw html的方式
三十二、组件内部的点击事件触发dom结构重画或者重流时,导致android微信浏览器崩溃问题
三十三、Vue中子组件如何向父组件传递事件?
三十四、Vuex中的mutations操作后视图不更新问题
三十五、ios系统$router.go(-1)后退后页面图片不渲染问题
三十六、Vue内页中引入相对路径build时,其实是相对于index.html这文件的路径
三十七、Vue中使用canvas画布画图要注意的问题
三十八、Element-UI日历date-picker组件在IE下的首次渲染初始值失败问题
三十九、Vue中使用css3组合动画要注意vdom的重新渲染问题
四十、axios怎么获取到error中的response响应数据
四十一、element-ui的table表格控件表头与内容列不对齐问题
四十二、axios下载excel文件(blob二进制方式/arraybuffer方式)
四十三、如何创建一个支持v-model的组件
四十四、dev或者打包时报TypeError: Cannot assign to read only property ‘exports’ of object ‘#<Object>’错误
四十五、组件外部传入prop数据改变,响应处理的方式
四十六、cors跨域请求,重复提交问题
四十七、vue中 . native 修饰符的使用
四十八、vue中 postcss-plugin-px2rem 按需配置 px 转 rem 及 如果设置过滤某部分样式不转
四十九、vue中 /?aa=xx&bb=xxx#/cc 在某些 APP 内置浏览器中跳转 /cc 失败,使用 qs 取值 bb 的值为 'xxx#/cc'
五十、@import 后面的波浪号~ 代表什么意思
五十一、基于vue-cli搭建多模块且各模块独立打包的项目
五十二、axios 的 CancelToken 取消异步请求

继续阅读