摘要: vuex 最近进入了一个新项目组,前端框架选择vue进行开发,数据的状态管理选择用vuex。本篇随笔中的代码采用 "vuex官网" 提供的 "购物车案例" 。 项目结构 核心概念 Vuex有五个核心概念,分别是:State、Getter、Mutation、Action和Module State 由于 阅读全文
posted @ 2017-10-29 15:32 寒枫归尘 阅读(283) 评论(1) 推荐(0) 编辑
摘要: 会对原数组造成影响的1 、shift():删除数组的第一个元素,返回删除的值。2 、unshift(3,4):把参数加载数组的前面,返回数组的长度。3、pop():删除数组的最后一个元素,返回删除的值。4、push(3):将参数加载到数组的最后,返回数组的长度。5、splice(start,dele 阅读全文
posted @ 2017-07-30 22:52 寒枫归尘 阅读(203) 评论(1) 推荐(1) 编辑
摘要: Vue组件之间通信分为三种情况:父组件向子组件通信、子组件向父组件通信、兄弟组件间通信。 一.父组件向子组件通信 通过props可以将值传递给子组件 二.子组件向父组件通信 通过某种事件,自定义$emit通信给父组件 三.兄弟组件间通信 兄弟组件间通信有两种方式。如果通信不复杂的话可以使用event 阅读全文
posted @ 2017-07-23 11:45 寒枫归尘 阅读(523) 评论(1) 推荐(2) 编辑
摘要: Vue-router 本次实战项目所使用的Vue-router版本是2.3.1 首先在main.js中引入Vue-router, App.vue文件在template中使用 router-link 组件来导航 阅读全文
posted @ 2017-06-10 10:05 寒枫归尘 阅读(591) 评论(1) 推荐(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 寒枫归尘 阅读(2068) 评论(0) 推荐(0) 编辑
摘要: 用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 寒枫归尘 阅读(2320) 评论(0) 推荐(0) 编辑
摘要: 地址:https://icomoon.io/ 进入官网后,点击icoMoon App按钮,然后点击Import Icons按钮,将需要制作的icon文件导出。 生成图片后鼠标选中所有小图标,然后点击右下角的Generate Font来生成字体。 然后可以通过Get Code来查询如何使用这些图标。 阅读全文
posted @ 2017-06-08 19:05 寒枫归尘 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 项目文件目录如下图所示: build和config文件夹与webpack配置相关 node_modules文件夹 npm install 安装的依赖代码库 src文件夹 是项目源码 static文件夹:第三方代码库 .gitkeep.js(作用:空目录也可以存放到git里面) .babelrc: b 阅读全文
posted @ 2017-06-08 17:50 寒枫归尘 阅读(1953) 评论(0) 推荐(0) 编辑
摘要: 项目创建成功后在浏览器中打开项目。 进入页面首先加载index.html和main.js文件。、 main.js文件中给id=“app”的div创建一个Vue的实例,该实例中有一个名叫“APP”的组件,该组件通过vue-router将Hello.vue中的模板注入到App.vue的模板中。 inde 阅读全文
posted @ 2017-06-08 11:32 寒枫归尘 阅读(9367) 评论(0) 推荐(3) 编辑
摘要: 1.修改页面主题、字体类型及大小 2.让WebStorm识别ES6 3.解决字符编码问题 4.让webstorm启动的时候不打开工程文件 5.完美显示中文 阅读全文
posted @ 2017-06-04 16:16 寒枫归尘 阅读(5644) 评论(0) 推荐(0) 编辑