随笔分类 -  Vue2.0

vue2.0 在微信端如何使用本地IP访问项目
摘要：我们会遇到这样的需求，在PC端开发vue脚手架项目，希望在微信端随时浏览页面（如果打包再发布到服务器又太麻烦），怎么办？ 思路很简单：保证手机和电脑在同一个IP下，用同一个IP访问项目，这样就可以了； 那么，两者使用同一个IP后，怎么让两者互相通信呢？ Step1：修改项目的host 找到confi 阅读全文
posted @ 2018-05-19 12:02 狂奔的小马扎 阅读(785) 评论(0) 推荐(0)
vue2.0 如何在hash模式下实现微信分享
摘要：最近又把vue的demo拿出来整理下，正好要做“微信分享”功能，于是遇到新的问题； 由于hash模式下，带有“#”,导致微信分享的签证无效；当改成history的模式后，分享ok； 但是问题来了，history模式下相当操蛋： 刷新页面，页面报错404；这不是扯犊子吗？【不过这个问题，可以在后台解决 阅读全文
posted @ 2018-01-09 16:22 狂奔的小马扎 阅读(4469) 评论(0) 推荐(0)
vue2.0 通过v-html指令渲染的富文本无法修改样式的解决方案
摘要：在最近的vue项目中遇到的问题：v-html渲染的富文本，无法在样式表中修改样式； 比如下面的代码，div.descBox里面的p标签的color样式并不是"color: blue"； 这是为什么呢？原因很简单：如果p标签在template中先写出来，那么在<style></style>标签中是可以 阅读全文
posted @ 2017-12-09 16:40 狂奔的小马扎 阅读(20754) 评论(0) 推荐(1)
vue2.0 页面A跳转到页面B，B页面停留在A页面的滚动位置的解决方法
摘要：如果页面A沿Y轴滚动一段距离，然后跳转到页面B； 在进入B页面时，B页面已经滚到页面A的距离，返回页面A，发现A还在之前的滚动位置； 这样体验就很不好，所以我们要进行一些处理； 我的方法是：在路由守卫回调中，设置每次进入路由时，将window的scroll值设置为0；window.scroll(0, 阅读全文
posted @ 2017-12-09 16:09 狂奔的小马扎 阅读(4188) 评论(1) 推荐(1)
vue2.0 资源文件assets和static的区别
摘要：资源文件处理 在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ Webpacked 资源 为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-ht 阅读全文
posted @ 2017-12-09 15:34 狂奔的小马扎 阅读(34851) 评论(4) 推荐(2)
vue2.0 配置build项目打包目录、资源文件(assets\static)打包目录
摘要：vue项目默认的打包路径：根目录下的dist文件夹下； 但是在项目开发中，我们肯定希望项目提交到svn目录或者git目录下，否则每次复制过去，太麻烦了； 那怎么配置打包路径呢？下面来看看； 我们找到打包配置文件 "config/index.js"下的build属性 修改build.index和ass 阅读全文
posted @ 2017-12-09 12:00 狂奔的小马扎 阅读(28078) 评论(0) 推荐(0)
vue2.0 路由模式mode="history"的作用
摘要：特别提醒：开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题； 大家都知道，路由地址都是以"#"形式展示，但是有些时候，我们又希望路由地址中不出现"#"，那怎么办呢？ vue给我们提供了一个属性mode="history";代码如下 阅读全文
posted @ 2017-12-09 11:12 狂奔的小马扎 阅读(16107) 评论(0) 推荐(1)
vue2.0 实现导航守卫（路由守卫）
摘要：路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。 对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。 导航守卫（navigation-guards）这个名字，听起来怪怪的，但既然官方文档是这样翻译的，就姑且这么 阅读全文
posted @ 2017-11-30 12:07 狂奔的小马扎 阅读(46023) 评论(4) 推荐(2)
vue2.0 关于Vue实例的生命周期
摘要：什么是生命周期 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方 阅读全文
posted @ 2017-11-22 15:54 狂奔的小马扎 阅读(468) 评论(0) 推荐(0)
vue2.0 正确理解Vue.nextTick()的用途
摘要：什么是Vue.nextTick() 官方文档解释如下： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 获取更新后的DOM，言外之意就是DOM更新后再执行的操作；比如Swiper的调用 什么时候需要用到Vue.nextTick() 在Vue生命周 阅读全文
posted @ 2017-11-22 15:48 狂奔的小马扎 阅读(3070) 评论(0) 推荐(0)
vue2.0 项目build后资源文件报错404的解决方案
摘要：当vue项目build后，我们会看到css、js报错404的问题； 那我们就去找错误原因吧。 首先，查看build后的dist文件目录 可以看出，js、css在index.html的同级目录下； 然后，查看index.html，看到下面的代码 我们先普及下文件路径的知识 ../上级目录 ./同级目录 阅读全文
posted @ 2017-11-22 15:19 狂奔的小马扎 阅读(9523) 评论(0) 推荐(1)
vue2.0 vetur插件提示 'v-for' directives require 'v-bind:key' directives 的解决办法
摘要：在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示 [vue-language-server] 'v-for' directives require 'v-bind:key' directives. 我们知道vue在升级到2.2后，当在组件中使用 v 阅读全文
posted @ 2017-11-21 15:01 狂奔的小马扎 阅读(11190) 评论(0) 推荐(0)
vue2.0 微信oauth认证的正确调用位置
摘要：运行在微信端的项目，很重要的环节是oauth认证；那在vue项目中，在何时何地调用oauth认证最合适呢？ 经过观察，在项目启动过程中，会执行main.js文件；所以我将认证放在main.js中操作； 当oauth认证完成后，再启动模块；这样就不用去每个模板页面调用oauth认证； oauth认证的 阅读全文
posted @ 2017-11-21 14:54 狂奔的小马扎 阅读(2841) 评论(1) 推荐(0)
vue2.0 样式表引入的方法 css sass less
摘要：在引入样式之前，首先要了解static、assets两个文件夹的区别。 从字面上可以看出，static用来存放静态文件，assets用来存放资源文件； static存放的文件不会被编译，打包后直接赋值到项目中；assets文件会被webpack编译； 举个简单的栗子：static的图片资源会完全一样 阅读全文
posted @ 2017-11-21 14:35 狂奔的小马扎 阅读(6629) 评论(0) 推荐(0)
vue2.0 配置sass
摘要：一、配置sass依赖 如果上面的npm执行报错（最近遇到了），使用下面的方案 二、打开build文件夹下的webpack.base.config.js，在module.rules里面加入代码 三、在使用sass的地方如下配置 阅读全文
posted @ 2017-11-21 14:25 狂奔的小马扎 阅读(879) 评论(0) 推荐(0)