摘要：
vue开发中遇到这样一个需求实现导航栏和中间内容相结合实现页面滑动导航跟随改变的效果。看效果： 这里我用的是vue所带的插件：vue-awesome-swiper，传送门：https://www.npmjs.com/package/vue-awesome-swiper 这个api纯英文，不过不是很难 阅读全文
摘要：
vue开发中，很多地方如果说都用到了某一方法，我们就可以进行指令化封装，通过自定义指令来实现这里通过两个例子说明vue-Directive的使用 1.v-focus 主要用来实现页面加载进来的时候文本框自动获取焦点，因为原生的方法存在兼容问题，所以通过指令 来解决后可以解决部分兼容 问题 实现如下： 阅读全文
摘要：
很多时候我们需要在真机上调试，进行代码的维护修改，如何在手机上查看呢？ 我们拿vue来说， 1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号 上图域名是我进行修改后的，大家打开后应该会默认显示localhost 2.window+R，输入cmd进入控制台，然后输入命 阅读全文
摘要：
在一次这样的需求中，需要实现滑倒底部时自动请求数据，需要动态创建节点然后追加到某元素中，这期间遇到的问题就是在动态创建节点后，类名也已经加上了 ，但是样式就是没有生效，最后发现原因的产生竟然是<style scoped></style>中scoped属性 该属性的作用是用来绑定当前样式不被污染，同时 阅读全文
摘要：
如上所示一条简单的请求数据，用到了vue中axios,promise,qs等等 这里我将vue中用到的axios进行了封装方便日后使用 先对工具类进行封装utils/axios.js: // 引入模块 import axios from "axios" import qs from 'qs' // 阅读全文
摘要：
我们知道，vue2.0以后，vue就不再对vue-resource进行更新，而是推荐axios，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求 1.安装axios cnpm i axios -S 2.方案一：修改原型链 首先，在main.js中引入 在这个时候，你还是无法 阅读全文
摘要：
今天总结一下vue的脚手架的搭建。很简单，今天我们就来说一下 对于脚手架的具体搭建方法，我这里不在很详细的书写，具体方法我推荐菜鸟教程的方法，和具体，你一步一步的来就可以实现。 链接地址：http://www.runoob.com/vue2/vue-install.html vue2.0脚手架的搭建 阅读全文
摘要：
vue中我么会经常用到通用的一些全局的方法，如何左才能实现全局的复用减少代码累赘呢？ 我们一般将公用的方法分装再utils.js文件中，然后再main.js主入口文件中将utils.js中的公共的方法通过@import引入进来即可，或者我们通过再main.js中设置Vue.prototype.xxx 阅读全文
摘要：
温馨提示：一下css封装，建议按需使用，否则会造成很大的代码冗余，且很多样式会造成不符合预期的效果，建议合理使用 <a href="https://meyerweb.com/eric/tools/css/reset/">Reset.css</a> function.css /* 禁止选中文本 */ 阅读全文
摘要：
vue项目的默认端口为8080，有时候处于某些原因会造成端口号的冲突，因此需要我们适当的更改其端口号来解决问题，将上图中的port更改为合适的端口号就可以，但是需要注意的是浏览器的安全限制端口号详情见：https://www.cnblogs.com/bgwhite/p/9543177.html 阅读全文