vue项目配置生产、测试和开发环境不同api接口 配置不同环境变量可避免切换不同环境时手动修改项目配置，请求url 开发环境：一般是本地开发时所使用的环境，改动很频繁 测试环境：较为稳定的版本，一般用于部署测试 生产环境：发布到线上的版本 1.创建三个配置文件 并配置相应代码 在项目的 根目录 下创建如下三个文件 开发环境 .env.development # 开发环境 NODE_ENV=deve…
<input type="text" :disabled="disabled"> data:{ disabled:false } 版权声明：本文为lamenw原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/lamenw/article/details/79807643
安装loader npm install worker-loader -D 如果直接把worker.js放到public目录下，则不需要安装loader vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: t…
在Vue中可以将自定的方法挂载到全局的方法中，这样在全局的页面都可以不通过引用，而直接使用自定义的方法了，在vue中使用非常广泛。 方法一：使用Vue.prorotype 第一中方法与定义全局变量一样，在main.js中进行引入(但因为main.js是入口文件，不推荐在其中写入其他逻辑代码)。在main.js中写入函数: Vue.prototype.getPdf = function (){ ..…
以这个为例子：https://www.makeapie.com/editor.html?c=x1-kIyaV6u 记得要先下载echarts 和echarts-gl npm install echarts npm install echarts-gl 然后就是导入 import echarts from 'echarts' import 'echarts-gl' 补充一点将这个映入到自己的项目中去…
通过命令行查询可用的包的版本号： npm view vuex versions --json PS F:\学习\Vue\vue_stu> npm view vuex versions --json [ "0.1.0", "0.2.0", "0.3.0", "0.4.0", "0.4.1", "0.4.2", "0.5.0", "0.5.1", "0.6.1", "0.6.2", "0.6.3…
需求背景 ： 在构建vue单页面项目时，会将所有依赖打包成一个文件，如果依赖文件过大，会影响页面渲染。 为了好的用户体验我们需要对依赖文件进行拆分，那么如何拆分呢？ 解决方案 ： 修改webpack的配置文件externals，从输出的依赖文件中排除某些依赖包，将被排除的依赖包单独引入到html页面中。 示例 ： 1）webpack配置文件修改 externals: { 'vue': 'Vue',…
简述跨域问题 SpringBoot跨域请求 1、直接采用SpringBoot的注解@CrossOrigin Controller层在需要跨域的类或者方法上加上该注解即可。 2、处理跨域请求的Configuration CrossOriginConfig.java 继承WebMvcConfigurerAdapter或者实现WebMvcConfigurer接口 import org.springfra…
vue中使用v-bind=" a t t r s " 和 v − o n = " attrs"和v-on=" a t t r s " 和 v − o n = " listeners"进行多层组件监听 vue组件之间通信，我们可以使用props和vuex两种方式，但是vuex太重，props在多级组件中使用又太麻烦，vue2.4版本提供了另一种方法，使用v-bind="$attrs"，将父组件中不被…
vue中axios不支持vue.use()方式声明使用。 所以有两种方法可以解决这点： 第一种： 在main.js中引入axios，然后将其设置为vue原型链上的属性，这样在组件中就可以直接 this.axios使用了 import axios from 'axios'; Vue.prototype.axios=axios; components： this.axios({ url:"a.xxx"…