Vue
Dream_磊
慢慢积累,莫心慌!
展开
-
vue webpack打包优化
打包时可以使用.\node_modules\.bin\vue-cli-service build --report进行查看项目中文件大小占比,可以根据下图进行针对性的优化。持续更新…原创 2020-07-07 23:52:02 · 328 阅读 · 0 评论 -
小程序及uni功能总结
调用小程序用户授权窗口,并且获取用户信息。第一种:触发用户授权窗口:<button open-type="getUserInfo" type="primary">微信授权</button>获取用户信息: async onLoad(){ const [err,info] = await uni.getUserInfo(); console.log(err) console.log(info) }第二种:使用方法getuserinfo获取:原创 2020-06-17 23:23:54 · 309 阅读 · 0 评论 -
Vue 表情输入组件,微信face表情组件
VUE表情包输入组件,先来张成品图看看。年底了没事干,把以前做过的项目中的组件拿出来再复习一下, 先说说思路吧。注意:1. 项目是用vue-cli3.0搭建起来的项目, 参考cli3.0官网地址2.样式是用scss需要安装依赖: npm install node-sass sass-loader -D思路: 页面内容总体分为三块区域(内容区,表情区,输入区),引入JSON文件表情库渲...原创 2019-01-17 17:29:58 · 16114 阅读 · 34 评论 -
You are using the runtime-only build of Vue where the template compiler is not available 问题
昨天在使用Vue的全局组件,碰到一个问题, 代码明明写对了 可是老是报这样一行错误:You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the...原创 2019-03-06 09:53:46 · 811 阅读 · 0 评论 -
vue 2.0 全局引入eCharts以及按需引用eCharts
echarts 官方文档中的“在webpack中使用eCharts” 链接 http://echarts.baidu.com/tutorial.html#在 webpack 中使用 ECharts在所需项目中安装完了之后:全局引用main.js 中配置import echarts from 'echarts' //引入echartsVue.prototype.$echarts = ...转载 2019-03-04 14:54:23 · 2749 阅读 · 0 评论 -
webpack优化之HappyPack 实战
由于运行在 Node.js 之上的 Webpack 是单线程模型的,所以Webpack 需要处理的事情需要一件一件的做,不能多件事一起做。我们需要Webpack 能同一时间处理多个任务,发挥多核 CPU 电脑的威力,HappyPack 就能让 Webpack 做到这点,它把任务分解给多个子进程去并发的执行,子进程处理完后再把结果发送给主进程。由于 JavaScript 是单线程模型,要想发挥多...转载 2019-04-04 17:37:57 · 437 阅读 · 0 评论 -
vue2.0组件之间的传值以及方法的调用
代码中有详细的步骤,可以跟着步骤一步一步来,有问题下方留言,我会尽快回复。谢谢!项目目录:子组件传父组件:1.子组件主要是用事件来传递数据给父组件的。父组件内容:<template> <div> <div>父组件</div> <!-- 5.使用注册好的组件以及子组件自定义的事件 来接收传递过来的数据 -->...原创 2019-04-12 10:46:55 · 310 阅读 · 0 评论 -
Vue 调用高德地图无法使用定位权限
注意:1.我使用的是cli3.x搭建的项目。2.注册高德地图和拿高德地图的key值我就不说了。 需要的自己上网搜一下吧。1.拿到高德key值之后,在vue中的public文件夹–>index文件中引入这么一段代码:把你自己申请下来key值放到下面链接的key=后面就OK了<script type="text/javascript" src="https://webapi.a...原创 2019-04-03 17:41:43 · 4118 阅读 · 1 评论 -
webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来
webpack打包生成了dist文件 ,直接运行dist文件中的index.html会报这个错。我们需要部署在express-generator服务器上来运行。安装express-generator cnpm install express-generator -g搭建express-generator项目 express expressDemo (expressDemo 是...原创 2019-04-24 19:49:54 · 3296 阅读 · 0 评论