![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
叶公子star
这个作者很懒,什么都没留下…
展开
-
@vue/cli 4.x 配置 alias
在Vue项目开发中,经常需要引入不同目录的文件,通常我们是通过“import 文件名 from ‘文件路径’”的结构来实现对组件的引用,而当文件路径较深或者引用的组件跨越的较远时很容易引用出错,这里我们就要引入alias概念了,“别名”的意思,顾名思义标准名称以外的名称。1. 查看webpack配置我们在引入模块的时候经常会用到一个@符号,用@符号指代根目录下的src文件夹路径,@/就可以...原创 2020-03-16 23:06:39 · 7401 阅读 · 7 评论 -
vue记录错误和警告日志
记录原因:在开发过程中有些时候需要记录前端的错误和警告日志,可以方便排查错误,有些时候还可以记录用户在使用过程中遇到了哪些问题,方便我们很好的优化产品,提高用户体验。其实 vue 早就给我们准备了错误/警告日志提示的方法,我们只要在函数中向后台提交日志记录即可使用方法:Vue.config.errorHandler = function (err) { console.error('Vu...原创 2019-07-11 16:53:55 · 7573 阅读 · 0 评论 -
Vue 插件编写
vue插件介绍1. 插件与组件在我们的vue项目中我们使用组件的频率往往会大于插件在没有封装组件之前,如果不使用第三方插件,那么很多情况下我们会编写几个常用的组件来提供给页面使用,如Alert/Loading组件,而你可能需要在很多页面中引入并且通过components注册组件,但是像这样使用率很高的组件一般我们希望全局注册后直接就可以在相应页面使用,因此我们需要将他们封装成插件,比如像vu...原创 2019-05-06 17:40:20 · 524 阅读 · 0 评论 -
关于异步请求 waiting 时间的问题
waiting时间就是处理数据的时间,请求到达服务器,服务器根据请求内容去执行程序引入文件,载入类什么的,都在这段时间内执行,得出结果后,反馈回来,框架复杂度问题,越复杂的框架,请求时间越长。...原创 2019-04-03 11:05:44 · 1369 阅读 · 1 评论 -
vue 封装 radio 组件,纯css手写,需修改样式可自制
zl-radio<template> <input type="radio" class="input_check" :disabled="disabled" :checked="checked" @change="change原创 2019-03-16 16:48:02 · 1221 阅读 · 0 评论 -
vue 封装 switch组件,纯css手写,需修改样式可自制
<template> <div class="myswipper"> <div class="switch-text" v-if="options">原创 2019-03-15 21:15:55 · 844 阅读 · 0 评论 -
vue 封装 checkbox 组件,纯css手写,需修改样式可自制
zl-checkbox<template> <input type="checkbox" class="input_check" :disabled="disabled" :checked="c原创 2019-03-15 11:11:50 · 1509 阅读 · 0 评论 -
vue 封装组件 实现自定义双向绑定
当组件使用 value 实现了一个功能,但又需要实现双向绑定,这时就会有冲突。通过 定义组件时的 model 选项,从而实现了自定义组件 v-model 功能。类似编辑器的功能,可能用 v-model 的方式会更好,可以通过这种方式使用。import Vue from 'vue'const component = { model: { prop: 'value1', ...转载 2019-03-15 09:14:02 · 1633 阅读 · 0 评论 -
vue报错:[Vue warn]: Duplicate keys detected: '1'. This may cause an update error.
vue 开发的时候遇到如下错误信息[Vue warn]: Duplicate keys detected: '1'. This may cause an update error.found in---> <Index> at src/views/list/index.vue <App> at src/App.vue原创 2019-03-05 15:42:43 · 13084 阅读 · 0 评论 -
px2rem-loader 使用方法
1.在命令行中运行如下安装:npm i lib-flexible --save2.引入 lib-flexible在项目入口文件 main.js 里 引入 lib-flexibleimport 'lib-flexible'3.安装 px2rem-loadernpm i px2rem-loader --save-dev配置 px2rem-loader在 vue-cli 生成的 w...原创 2019-02-22 18:12:39 · 4873 阅读 · 0 评论 -
vue 开发 ip 地址错误提示信息
ip地址错误在运行项目的时候提示如下错误,则一定是 ip 出了问题D:\project\flight\webtouch\TC.itravel.WebFly\fly>npm run dev> fly@1.0.0 dev D:\project\flight\webtouch\TC.itravel.WebFly\fly> webpack-dev-server --inline...原创 2019-02-22 10:34:27 · 333 阅读 · 0 评论 -
vue proxyTable 接口跨域请求调试
vue proxyTable 接口跨域请求调试在 config/index.js 文件下修改修改 dev 变量const proxyTable = { target: 'https://baidu.com', // 线上映射地址地址 changeOrigin: true, headers: { Cookie:'自己的 cookie 登录信息' }} proxyTa...原创 2019-02-22 10:17:32 · 358 阅读 · 0 评论 -
vue 增加/删除版本号
vue 增加/删除版本号在开发项目的过程中,可能我们不大想要打包之后的一大串后缀,这时候我们就可以在 webpack.prod.conf.js这个文件里把版本号去掉,这样打包之后的文件就显得简单明了面临的问题:没有了版本号的控制,在我们重新发布新版本的时候,本地可能会有缓存现象,特别是微信端,缓存现象尤其突出,无论你怎样清理缓存,发现缓存现象依然存在,于是你迫不得已,忍痛割爱,只好默默的卸掉微...原创 2019-02-21 18:07:48 · 1327 阅读 · 0 评论 -
vue 父页面向子页面传递数据
父页面index.vue<template> <div class="hello"> <Children :name="name"></Children&am原创 2019-02-21 17:49:46 · 18075 阅读 · 0 评论 -
vue 子组件向父组件传递数据
子组件Children.vue<template> <div> <div @click="iclick">向父页面传递数据 </div> </div&a原创 2019-02-21 17:32:11 · 274 阅读 · 0 评论 -
在vue-cli中应用scss/less全局变量
首先需要安装插件:sass-resources-loadernpm i sass-resources-loader --save-dev然后修改vue-cli的build/utils.js,找到scss的加载设置:return { css: generateLoaders(), postcss: generateLoaders(), less: generateLo...原创 2019-02-21 15:12:01 · 330 阅读 · 0 评论