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