06 2017 档案

Vue2.0 实战项目(四) Vue-router
摘要：Vue-router 本次实战项目所使用的Vue-router版本是2.3.1 首先在main.js中引入Vue-router， App.vue文件在template中使用 router-link 组件来导航 阅读全文
posted @ 2017-06-10 10:05 寒枫归尘 阅读(603) 评论(1) 推荐(0)
webpack+vue2.0遇到的一些坑
摘要：部分依赖包的版本： 1.使用stylus需要先再package.json中配置'stylus'和'stylus-loader',并执行'npm install stylus-loader stylus --save-dev'命令。 1.1将所有styl文件依赖到一个主文件index.stly，然后在 阅读全文
posted @ 2017-06-09 21:12 寒枫归尘 阅读(2085) 评论(0) 推荐(0)
用vue框架mock数据
摘要：用vue 2.0 mock数据 方法一 webpack打包的项目中可以依赖express 然后npm run dev启动这个项目，浏览器输入http://localhost:8080/api/ratings，可以看到返回的json对象 方法二 可以使用推荐的axios。 HTML页面加载CDN地址a 阅读全文
posted @ 2017-06-08 20:25 寒枫归尘 阅读(2335) 评论(0) 推荐(0)
图标字体制作
摘要：地址：https://icomoon.io/ 进入官网后，点击icoMoon App按钮，然后点击Import Icons按钮，将需要制作的icon文件导出。 生成图片后鼠标选中所有小图标，然后点击右下角的Generate Font来生成字体。 然后可以通过Get Code来查询如何使用这些图标。 阅读全文
posted @ 2017-06-08 19:05 寒枫归尘 阅读(377) 评论(0) 推荐(0)
Vue2.0 实战项目(三) 项目文件介绍
摘要：项目文件目录如下图所示： build和config文件夹与webpack配置相关 node_modules文件夹 npm install 安装的依赖代码库 src文件夹 是项目源码 static文件夹：第三方代码库 .gitkeep.js（作用：空目录也可以存放到git里面） .babelrc: b 阅读全文
posted @ 2017-06-08 17:50 寒枫归尘 阅读(1972) 评论(0) 推荐(0)
Vue2.0 实战项目(二) 分析Vue如何运行
摘要：项目创建成功后在浏览器中打开项目。 进入页面首先加载index.html和main.js文件。、 main.js文件中给id=“app”的div创建一个Vue的实例，该实例中有一个名叫“APP”的组件，该组件通过vue-router将Hello.vue中的模板注入到App.vue的模板中。 inde 阅读全文
posted @ 2017-06-08 11:32 寒枫归尘 阅读(9456) 评论(0) 推荐(3)
WebStorm初始化配置
摘要：1.修改页面主题、字体类型及大小 2.让WebStorm识别ES6 3.解决字符编码问题 4.让webstorm启动的时候不打开工程文件 5.完美显示中文 阅读全文
posted @ 2017-06-04 16:16 寒枫归尘 阅读(5684) 评论(0) 推荐(0)