随笔分类 -  Vue

刚好时间比较充裕,新项目选用了vue练手,分享一下遇到的坑和觉得比较好的组件
vue实现分页组件
摘要:创建pagination.vue index.vue中注册 index.vue中使用 完整index.vue代码 阅读全文
posted @ 2018-07-09 15:41 郭敏 阅读(2584) 评论(0) 推荐(0)
vue.js阻止事件冒泡和默认事件
摘要:原生js取消事件冒泡 原生js阻止默认事件 vue.js取消事件冒泡 vue.js阻止默认事件 阅读全文
posted @ 2018-07-06 15:33 郭敏 阅读(39475) 评论(0) 推荐(2)
vue项目中使用vue-layer弹框插件
摘要:vue-layer弹框插件 安装 引用 参数说明 方法 其它说明 阅读全文
posted @ 2018-07-06 11:18 郭敏 阅读(42712) 评论(3) 推荐(0)
配置/更改vue项目中的资源路径
摘要:打开 build/webpack.base.conf.js ,在module.exports .resolve.alias下自定义: 然后就可以在js中直接使用assets/xxx或components/xxx了: 阅读全文
posted @ 2018-05-23 15:44 郭敏 阅读(6065) 评论(0) 推荐(0)
在vue项目中使用less
摘要:安装依赖模块 打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面添加: 在代码中的 style 标签中 加上 lang="less" 属性 阅读全文
posted @ 2018-05-22 17:48 郭敏 阅读(485) 评论(0) 推荐(0)
在vue项目中使用自己封装的ajax
摘要:在 src 目录下新建 vue.extend.js ,内容如下: 在 main.js 中引入vue.extend.js 然后就可以通过this.$http、this.$get、this.$post使用啦 阅读全文
posted @ 2018-05-22 17:14 郭敏 阅读(9661) 评论(1) 推荐(0)
在vue项目中使用axios
摘要:安装 在项目main.js中全局引用 接下来就可以在项目中通过this.$http使用啦,then函数表示响应成功,catch表示失败 如果then和catch中的回调函数不是箭头函数,可以通过.bind(this)解决函数内部访问this实例的问题 阅读全文
posted @ 2018-05-22 16:56 郭敏 阅读(406) 评论(0) 推荐(0)
通过vue-cli搭建vue项目
摘要:一、搭建环境 安装node.js 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。 安装淘宝镜像 全局安装webpack 全局安装vue-c 阅读全文
posted @ 2018-05-22 16:25 郭敏 阅读(184) 评论(0) 推荐(0)
vue-meta-info 处理VUE单页面项目的SEO问题
摘要:安装 全局引入 使用 (一)组件内静态使用 metaInfo (二)组件内异步加载title 或者 meta 如果使用 webpack,可以使用 prerender-spa-plugin 轻松地添加预渲染。 阅读全文
posted @ 2017-11-07 17:12 郭敏 阅读(454) 评论(0) 推荐(0)