vue
DenggLin
站在风口猪都会飞,关键看透“风口”在哪里
展开
-
记一次vue-cli3 兼容 IE11
兼容代码://main.js import 'babel-polyfill' //需要先 npm i babel-polyfill -D// babel.config.jsmodule.exports = { presets: [ ['@vue/app', { useBuiltIns: 'entry' }] ]}原创 2020-07-10 11:53:22 · 1591 阅读 · 0 评论 -
vue中Axios的封装和API接口的管理
我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方...转载 2020-03-06 18:55:20 · 296 阅读 · 0 评论 -
上传自己写的组件到NPM,想用的这个组件是就运行命令npm install **即可
npm 比较慢我们可以设置淘宝镜像npm config set registry https://registry.npm.taobao.org想换回来可以使用npm config set registry http://registry.npmjs.org/第一步想运行vue的脚手架搭建项目(这样的好处可以本地调试组件)组件就参考vue官网写上传到npm先注册https:/...转载 2019-05-15 17:41:12 · 1283 阅读 · 0 评论 -
vue 通过运行npm run build打包后隐藏源码
正常运行npm run build 之后发现仍可通过webpack目录下看到源码如果我们不想源码在打包后仍然可见,只需修改下配置即可把config/index.js 里面的productSourceMap改为false即可修改后效果示例:...原创 2019-05-14 11:17:02 · 5365 阅读 · 0 评论 -
cordova 一些插件应用,持续增加
1.添加状态栏插件cordova plugin add cordova-plugin-statusbar添加完之后打开config.xml文件 会看到自动添加了<plugin name="cordova-plugin-statusbar" spec="^2.4.1" />然后添加 <preference name="StatusBarBac原创 2019-03-15 16:03:32 · 295 阅读 · 0 评论 -
cordova+vue 项目打包成app(不必再使用hbuilder)
现在我们做移动端项目的时候,要么用vue要么用react,用vue最大的问题就是移动端打包。用hbuilder打包是云端打包总感觉不安全,cordova打包还是蛮好的第一步:安装cordovanpm install -g cordova是否成功可用如下命令查看cordova -v2.新建cordova项目cordova create myApp1 org.apache.cord...原创 2019-03-15 15:15:03 · 4430 阅读 · 1 评论 -
vue 移动端适配
lib-flexible虽然有点坑但胜在方便https://www.jianshu.com/p/c7d4b1835eaf转载 2019-01-21 15:03:01 · 283 阅读 · 0 评论 -
关于Vue打包之后文件路径出错的问题
找到config文件夹下的index.js文件修改一下位置原创 2018-12-28 18:39:48 · 394 阅读 · 0 评论 -
vue 动态监听父级传过来的数据
vue 动态监听父级传过来的数据,如果父级传过来的数据有变,就调用方法(你想调用的),$nextTick要加上不然会因没加载完毕而报错,还有一点handler这里使用普通函数就行,箭头函数会导致this不知道指向谁 props:{ cId:Number }, watch:{ cId:{ ...原创 2018-08-03 14:58:36 · 6594 阅读 · 0 评论 -
vue axios封装,统一管理,添加验证
import axios from 'axios';import { Message } from 'element-ui';let baseUrl='https://api.admin.nr.junde.co';axios.defaults.timeout = 5000;axios.defaults.baseURL ='';axios.defaults.headers={ 'Con...原创 2018-08-06 16:39:22 · 1662 阅读 · 0 评论 -
vue监听滚动实现内容与导航联动
代码如下:<template> <div class="Menu"> <div class="MenuBox" > <div class="slidSec" ref="menuWrapper"> <ul class="slider"原创 2018-06-25 14:46:35 · 3900 阅读 · 0 评论