随笔分类 -  vue.js

vue轮播图插件vue-awesome-swiper的使用与组件化
摘要：不管是APP还是移动端网页开发，轮播图在大部分项目当中都是存在的，这时候如果用vue开发项目，选择一款好的插件并且封装好是很重要的 1. 推荐使用vue-awesome-swiper 安装：cnpm install vue-awesome-swiper --save 2. 在main.js文件中引入 阅读全文
posted @ 2018-06-16 16:13 编程让我快乐 阅读(577) 评论(0) 推荐(0) 编辑
vue中sass的配置安装流程
摘要：1.安装node-sass，因为scss是基于此库的 cnpm install --save-dev node-sass 2.安装sass-loader cnpm install --save-dev sass-loader 全部安装完成之后，到webpack.base.conf.js的编译规则里添 阅读全文
posted @ 2018-06-16 15:29 编程让我快乐 阅读(1161) 评论(0) 推荐(0) 编辑
vue项目优化，加快服务器端渲染速度
摘要：1. CSS在开发模式中用import，在打包后用CDN min.js中做如下操作 if (process.env.NODE_ENV == 'development') { require('../xxx.css'); } index.html中引入相应UI的CDN 2. 减少vendor.js的体 阅读全文
posted @ 2018-06-07 19:56 编程让我快乐 阅读(2286) 评论(0) 推荐(0) 编辑
vue打包空白，图片没加载，背景颜色没有渲染出来-配置秘诀
摘要：找到config文件夹下的index.js文件修改一下位置 看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/’改为‘./’ 在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改 阅读全文
posted @ 2018-05-28 10:02 编程让我快乐 阅读(458) 评论(0) 推荐(0) 编辑
vue-cli脚手架里如何配置屏幕自适应
摘要：很多同学可能在写h5的时候，也会遇到移动端如何控制屏幕自适应问题！在移动端网页开发中，我们可以用手机淘宝的flexible．那么在vue当中，也同样可以用！接下来就介绍下如何在vue-cli配置的项目里来实现屏幕自适应首先，我们需要安装flexible库．npm i lib-flexible --s 阅读全文
posted @ 2017-11-12 22:46 编程让我快乐 阅读(24536) 评论(3) 推荐(1) 编辑
vue动态路由配置，vue路由传参
摘要：动态路由： 当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个"共用"的组件，并且还要传参数，渲染不同的数据 这就要用到动态路由跟路由传参了！ 首先我们来了解下router-link这个组件： 简单来说，它是个导航器，利用to属性导航到目标组件， 阅读全文
posted @ 2017-10-21 22:33 编程让我快乐 阅读(49927) 评论(1) 推荐(3) 编辑
vue路由配置，vue子路由配置
摘要：上一篇关于vue环境配置已经写好了！按照操作就行了！ 现在一个项目已经部署完成，接下来我们从路由开始！ 还记得在初始化项目的时候，有提示是否需要安装vue-router，对没错，vue中路由全靠它！ 首先找到路由配置文件 router>index.js，是整个项目路由配置文件 首先看最上面的，这个模 阅读全文
posted @ 2017-10-21 21:56 编程让我快乐 阅读(9543) 评论(0) 推荐(0) 编辑
vue环境配置脚手架环境搭建vue工程目录
摘要：首先在初始化一个vue项目之前,我们需要下载node.js,并且安装! 下载地址: nodejs.cn/download 安装完成之后,windows+r 运行命令 cmd 输入node -v 检查是否已经安装成功.如果会显示版本信息,说明安装成功! 现在就可以使用node中的npm包管理器来构建v 阅读全文
posted @ 2017-10-19 11:31 编程让我快乐 阅读(802) 评论(0) 推荐(0) 编辑