vue
huyao_road
20多岁,有30年Web开发经验。
展开
-
computed属性中的函数如何做到按需调用?
先上源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> &原创 2018-07-10 16:36:38 · 9763 阅读 · 5 评论 -
开发移动端WebAPP时需要注意的一些问题
1. CSS样式统一问题我们需要重置页面样式,因为在不同的手机浏览器上,默认的css样式不是统一的。解决方法:添加一个reset.css库, 链接地址:2. 一像素边框问题有的手机分辨率比较高,是2倍屏或3倍屏,手机上的浏览器就会把CSS中的1像素值展示为2个或3个物理宽度解决方法: 添加一个border.css库, 链接地址:3. 300毫秒点击延迟问题在移动端开发...原创 2018-09-27 21:13:19 · 671 阅读 · 0 评论 -
vscode中eslint检查出错但控制台并没有报错的解决方法
[eslint] Expected linebreaks to be 'LF' but found 'CRLF'. (linebreak-style)当在项目中,我们每行行尾都有一个格式报错的时候,我们需要检测我们的在eslintrc.js中的配置是否正确。如果我们是Windows机型,那么需要将linebreak-style中的 “unix”修改为"windows" 修改...原创 2018-09-22 20:47:55 · 12603 阅读 · 0 评论 -
控制台输出[HMR] Waiting for update signal from WDS...是怎么回事
- [HMR] Waiting for update signal from WDS... (浏览器的控制台时常蹦出来的提示)1:针对 “[HMR] Waiting for update signal from WDS...” 翻译下:来自 WDS 的提示,正在等待更新。好了,什么意思呢?对于刚刚接触vue脚手架帮我们搭建起来的项目的小伙伴可能不解了。这里先大概说明几个概念:1、web...转载 2018-09-22 19:51:00 · 86013 阅读 · 14 评论 -
vue动画原理
Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点注意:transition标签中只能包裹一个元素,否则会报错:当出现多个元素需要执行一组过渡时,需使用<transition-group>过渡原理:在动画执行的过程中,v...原创 2018-09-22 09:44:28 · 493 阅读 · 0 评论 -
vue使用发布&订阅模式再非父子组件间传值
Vue中可以通过广播的方式进行非父子组件间传值,具体方法如下第一,在Vue的原型上挂载一个Vue实例。Vue.prototype.bus = new Vue();在methods中定义发布者方法使用 this.bus.$emit 发布广播methods:{ broadcast: function() { //广播 this.bus.$emit('ch...原创 2018-09-14 11:00:35 · 1835 阅读 · 0 评论 -
vue cli3.0中使用proxy进行代理转发
解决方法:在vue项目的根目录下添加 vue.config.js文件,文件中需要按照下面写法来写module.exports = { lintOnSave: true, devServer: { proxy: { // proxy all requests starting with /api to jsonplaceholder '/api':...原创 2018-09-24 20:10:36 · 24309 阅读 · 0 评论 -
vue-cli 3.0配置webpack.base.config
最近用vue脚手架新建工程的时候,发现vue-cli提供的是3.0.0-beta.6版本,安装完成之后也找不到config、build等目录,不懂要从哪里入手配置别名alias看了下官方文档,简化成使用vue.config.js来配置项目,一路找到了webpack这一项,发现它可以使用了webpack-chain链式API的调用方式,简化了对webpack配置的修改。配置在根目录新建v...转载 2018-09-23 15:19:15 · 17290 阅读 · 0 评论 -
在Vue项目中使用百度地图
第一步,在public文件夹下的index.html中添加百度地图的script<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak=您的密钥></script>这里需要尤其注意,官方默认给你的标签是:<script type=...原创 2018-11-04 16:16:15 · 3332 阅读 · 0 评论