Vue
fanlcwowo
一切的存在只为自己使用方便,不喜勿喷,谢谢
展开
-
Vue2 全局使用lodash
利用webpack的 ProvidePlugin,自动加载模块,而不必到处import或require.在build目录下的webpack.dev.conf.js文件中...... plugins:[ newwebpack.ProvidePlugin({_:'lodash', $: 'jquery'...原创 2020-03-19 13:31:18 · 3934 阅读 · 0 评论 -
Vue2.0和Vue3.0的响应式源码
/** * Vue 2.0 响应式原理 */// 数据变化了可以更新视图let oldArrayPrototype = Array.prototype;let proto = Object.create(oldArrayPrototype); // 继承['push', 'shift', 'unshift'].forEach(method => { proto[metho...原创 2020-01-10 11:37:14 · 300 阅读 · 0 评论 -
axios参见传参方式
由于axios中包含es6的语法,需要支持ES6 Promise实现。 如果您的环境不支持ES6 Promise,您可以使用polyfill。(可以使用 import "babel-polyfill" ) axios的官方API 地址 以下是axios官方api中描述不完整的地方:开发过程中,经常需要全局设置,...转载 2019-02-28 13:01:24 · 1046 阅读 · 0 评论 -
vue中js里的/* eslint-disable*/及其ESLint的介绍
团队协作中,为了减少代码错误、节约调试时间、维持团队成员之间代码风格的统一,除了制定编码规范之外,我们往往需要借助工具来进行代码检测,辅助编码规范的实施。ESLint是个不错的选择,由鼎鼎大名的Nicholas C. Zakas创建,是一个可组装的JavaScript和JSX检查工具。下面我们一起来看看怎么使用它。一. 安装 npm install eslint二. 配置...转载 2019-01-15 16:29:06 · 980 阅读 · 0 评论 -
vue-devtools的安装与使用
vue-devtools一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install (如果在这部报错的话,就改用cnpm install。 cnpm需要安装 安装地址)2:npm run build &...转载 2019-01-15 09:54:22 · 139 阅读 · 0 评论 -
使用vue脚手架工具搭建vue-webpack项目
转载自:https://www.cnblogs.com/libin-1/p/6833373.html对于Vue.js来说,如果你想要快速开始,那么只需要在你的html中引入一个<script>标签,加上CDN的地址即可。但是,这并不算是一个完整的vue实际应用。在实际应用中,我们必须要一系列的工具,包括:模块化,转译,预处理,热加载,静态检测和自动化测试等。对于一个需要长期维护和大...转载 2018-08-26 11:27:26 · 522 阅读 · 0 评论 -
vue引入全局scss
为避免在每个.vue文件中都引入一遍公共的.scss文件,打包之后产生冗余的代码,可引入全局的.scss文件。此篇只是为了方便自己查看,若有不对之处欢迎指正,不喜勿喷,谢谢!npm install sass-loader --save-devnpm install node-sass --save-devnpm install sass-resources-loader --sa...原创 2019-04-15 13:20:49 · 1138 阅读 · 0 评论 -
Vue2 多环境打包和运行指令配置
为了配这个多环境打包,没少爬坑,所以记录下。网上查了下vue-cli3和vue-cli2的配置方法不一样,我这次使用的是vue-cli2。一、多环境打包命令(以test为例)1、在config目录下新建test.env.js文件,并将prod.env.js文件夹内容copy到test.env.js中,将NODE_ENV修改为testing并添加api的base_url....原创 2019-09-03 15:28:41 · 1133 阅读 · 0 评论 -
Vue2.0+TypeScript基础用法
由于后期项目要使用ts,所以先学习下,这是第一次使用ts,要是有不足之处,还请多指教。最开始因为webpack版本问题搭了好几次没成功,果然失败乃成功之母,古人诚不欺我,每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本,按照webpack3的方式来搭建的,所以安装时一定要注意自己的版本与插件版本哈。前边儿初...原创 2019-09-09 14:38:41 · 3713 阅读 · 0 评论 -
Vue + TypeScript + Element 项目实战及踩坑记
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...转载 2019-09-09 15:10:47 · 1815 阅读 · 0 评论 -
vue(typescript)全局引入lodash
全局引入lodashProvidePlugin是Webpack用来自动加载模块的方法,全局使用方式可以避免每个vue组件中都import lodash。npm i lodash--s // 安装lodash1、webpack.base.conf.jsmodule.exports = {context: path.resolve(__dirname, '../'),ent...原创 2019-09-16 16:29:22 · 8261 阅读 · 0 评论 -
vue2.0错误集
1、Module build failed: TypeError: this.getResolve is not a function at Object.loader...sass-loader版本高了,将sass-loader 8.0.0换成7.3.1版本2、Vue项目本地无法访问:将config文件夹下index.js文件中的 host:localhost 改为 hos...原创 2019-10-17 16:05:20 · 94 阅读 · 0 评论 -
Vue:利用yargs配置多环境
前言由于前后端分离的前端应用脱离了后端的支持,在单独开发前端应用时,页面调试时使用固定的开发环境地址还好,如果出现在本地开发时需要调试不同环境的远端API,或者需要将应用部署到不同环境的服务器上时,如果不将这些环境对应的服务器地址、环境专属变量等单独配置,也许每次切换环境都需要修改大量代码。网上关于这部分的资料较少,所以下面将以用vue-cli init命令生成的Vue/Webpack项目作为例...转载 2019-10-23 14:18:27 · 712 阅读 · 0 评论 -
Vue2.0+typescript使用时遇见的问题以及解决方法
如何使用ts深度监听数组或者对象@Watch('defaultPage',{deep:true})defaultPageChange(newVal:number,oldVal:number){ console.log(newVal)};关于$refs的问题,按vue的写法在typescript中会报如下错误Element implicit...原创 2019-10-30 16:48:42 · 3096 阅读 · 0 评论 -
Vue2如何升级至Vue3
因为安装包的不同,所以需要先删除vue-cli安装vue-cli3.0。删除命令:npm uninstall vue-cli -g若是mac可能会报错,没有权限删除,使用sudo npm uninstall vue-cli -g 删除安装@vue/cli 3.0 命令:npm install -g @vue/cliMac:sudo npm install -v @v...原创 2019-11-14 11:00:57 · 9803 阅读 · 2 评论 -
Vue3 多环境配置
Vue3的配置比Vue2简化了很多在项目根目录下新建 .env.dev(开发环境)、.env.test(测试环境) 、.env.prod(生产环境)文件,具体需要多少个环境根据需要决定,.env+后缀叫啥自己高兴就好,当然最好是能让别人也看明白最好。.env.devNODE_ENV = 'development'VUE_APP_MODE = 'dev'VUE_APP_API_H...原创 2019-11-14 14:38:20 · 1329 阅读 · 0 评论 -
Vue CLI3+多入口页面和全局scss配置
Vue CLI升级至Vue CLI3+后,目录结构不同于Vue CLI2+,所以是没有config文件的。 So,在根目录下新建vue.config.js文件,不需要对vue.config.js做其他操作,根目录下的这个文件会被@vue/cli-service自动加载,具体的可参考官网VueCLI全局配置module.exports = { publicP...原创 2019-11-18 17:58:26 · 708 阅读 · 0 评论