随笔分类 -  Vue

Vue2.0 实战项目(六) Vuex
摘要：vuex 最近进入了一个新项目组，前端框架选择vue进行开发，数据的状态管理选择用vuex。本篇随笔中的代码采用 "vuex官网" 提供的 "购物车案例" 。 项目结构 核心概念 Vuex有五个核心概念，分别是：State、Getter、Mutation、Action和Module State 由于 阅读全文
posted @ 2017-10-29 15:32 寒枫归尘 阅读(308) 评论(1) 推荐(0)
Vue2.0 实战项目(五) 组件间通信的方法
摘要：Vue组件之间通信分为三种情况：父组件向子组件通信、子组件向父组件通信、兄弟组件间通信。 一.父组件向子组件通信 通过props可以将值传递给子组件 二.子组件向父组件通信 通过某种事件，自定义$emit通信给父组件 三.兄弟组件间通信 兄弟组件间通信有两种方式。如果通信不复杂的话可以使用event 阅读全文
posted @ 2017-07-23 11:45 寒枫归尘 阅读(543) 评论(1) 推荐(2)
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 寒枫归尘 阅读(605) 评论(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 寒枫归尘 阅读(2090) 评论(0) 推荐(0)
Vue2.0 实战项目(三) 项目文件介绍
摘要：项目文件目录如下图所示： build和config文件夹与webpack配置相关 node_modules文件夹 npm install 安装的依赖代码库 src文件夹 是项目源码 static文件夹：第三方代码库 .gitkeep.js（作用：空目录也可以存放到git里面） .babelrc: b 阅读全文
posted @ 2017-06-08 17:50 寒枫归尘 阅读(1979) 评论(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 寒枫归尘 阅读(9458) 评论(0) 推荐(3)
Vue2.0 实战项目(一) 安装vue.cli
摘要：1.打开Vue脚手架的github地址：https://github.com/vuejs/vue-cli，在README查看如何安装 2.通过npm安装vue 安装完之后运行vue命名 vue init：安装模板 vue list命名：定义了哪些可以安装的模板 3.通过webpack模板安装 项目建 阅读全文
posted @ 2017-05-29 22:34 寒枫归尘 阅读(927) 评论(0) 推荐(1)