
Vue
文章平均质量分 57
a坤
这个作者很懒,什么都没留下…
展开
-
VUE-本地mock数据的方法
如果后端接口的实现尚未编码完成,前端开发一般使用mock数据,以进行前端数据填充。mock方法挺多,这里给出两种:1. 使用Express静态服务器 默认使用vue-cli构建项目时,会自动引入express模块,使用express的路由(Router)以相应客户端的web请求。具体实方法: 在build/dev-server.js 中添加如下代码: var app = express()...原创 2018-06-29 11:50:07 · 2789 阅读 · 0 评论 -
vue-webpack 打包过大的问题
使用 vue 的 webpack 模版开发项目时,我们习惯使用 npm install 安装各种组件和依赖到本地,但引入的组件越来越多,打包时可能会导致 vendor.js 过大的问题,导致加载很慢。首先我们了解一下vue在run build之后,dist里面的文件有哪些:首先要理解为什么会有以下三个文件:webpack应该是会在最后一个CommonsChunkPlugin产出的...原创 2018-11-13 13:42:21 · 1137 阅读 · 0 评论 -
Vue项目开发--$ is undefined
在VUE代码中使用如下:new FormData($('#' + id)[0])报出:'$' is not defined 的错误。1. 首先要理解:$("#id")这是jquery获取通过jquery包装后的对象而$("#id")[0]是获取js原生的dom对象$("#mainForm")[0] = document.getElementById("mainForm")-...原创 2018-09-21 15:29:36 · 1835 阅读 · 0 评论 -
vue-quill-editor,获得到输入内容的html,如何在外部的div中显示效果
1. 在你需要展示的页面中用如下元素包裹:<div class="ql-container ql-snow"> <div class="ql-editor"> <div v-html="content"></div>// 你要展示的内容 </div></原创 2018-09-25 01:40:58 · 9391 阅读 · 4 评论 -
VUE-webpack打包,部署之后发现资源文件找不到
方案:1.在 config->index.js里面,如下修改2. 在build->utils.js里面修改如下:1、图片资源放在 assets->img文件夹下面img标签引入图片<img src="../assets/img/loginback.png" class="test-img" />css使用图片 background: url...转载 2018-07-30 13:55:20 · 5724 阅读 · 0 评论 -
VUE(ES6) 导出变量、常量,方法
在lib.js文件中, 使用 export{接口} 导出接口, 大括号中的接口名字为上面定义的变量, import和export是对应的;//lib.js 文件let bar = "stringBar";let foo = "stringFoo";let fn0 = function() { console.log("fn0");};let fn1 = function() {...转载 2018-07-13 17:16:04 · 9526 阅读 · 0 评论 -
vue-resource对比axios
vue-resourcevue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。vue-resource特点:1. 体积小vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4.5KB大小,这远比jQuery的体积要小得多。2. 支持主流的浏览器和Vue.js一样,vue-resource除了不支...原创 2018-06-28 14:56:24 · 5161 阅读 · 1 评论 -
VUE--mounted和created的区别,以及各自要处理的事物
1. 调用的时机:created:在模板渲染成html前调用.mounted:在模板渲染成html后调用2. 各自处理的事物created: 数据的初始化,异步请求也适宜在这里调用。mounted: 通常是初始化页面完成后,再对html的dom节点进行一些需要的操作...原创 2018-07-16 14:36:06 · 6236 阅读 · 0 评论 -
Vue localStorage 对比 sessionStorage
localStorage属性以及方法:localStorage.length获得localStorage的个数localStorage.key(n)获得localStorage第n个键值对的键localStorage.key = value设置键值对localStorage.setItem(key, value)添加或修改相应的localStoragelocalStorage.getItem(ke...原创 2018-06-27 16:17:39 · 706 阅读 · 0 评论 -
Vue-浏览器返回按钮跳转问题
在vue的项目开发中,为了控制在登录vue开发的管理系统后,跳转到某一个指定的vue,在main.js中使用了:const router = new VueRouter({ routes})router.push('./content') //控制首页加载的跳转new Vue({ router, store, render: h => h(App)})...原创 2018-11-21 14:29:10 · 2174 阅读 · 1 评论