vue - 随笔分类 - yezixuan

【22】Vue 之 Vue Devtools

摘要：vue安装： # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my 阅读全文

posted @ 2017-07-19 15:42 yezixuan 阅读(285) 评论(0) 推荐(0)

【21】vuex 与element iu表单校验

摘要：转：http://www.cnblogs.com/gsgs/p/6753682.html element-ui的官网上写的自定义表单验证，方法都是写在单vue文件中的，不容易共享。怎么使用vuex将方法共享出来，各个组件都能用呢？如下是一个验证age的数据， rules:{ age:[{requi 阅读全文

posted @ 2017-07-19 14:43 yezixuan 阅读(516) 评论(0) 推荐(0)

【转】手摸手，带你用vue撸后台系列四(vueAdmin 一个极简的后台基础模板)

摘要：前言做这个 vueAdmin-template 的主要原因是: vue-element-admin 这个项目的初衷是一个vue的管理后台集成方案，把平时用到的一些组件或者经验分享给大家，同时它也在不断的维护和拓展中，比如最近重构了dashboard，加入了全屏功能，新增了tabs-view等等。所阅读全文

posted @ 2017-07-16 10:06 yezixuan 阅读(5637) 评论(0) 推荐(0)

【转】手摸手，带你用vue撸后台系列三(实战篇)

摘要：前言在前面两篇文章中已经把基础工作环境构建完成，也已经把后台核心的登录和权限完成了，现在手摸手，一起进入实操。 Element 去年十月份开始用vue做管理后台的时候毫不犹豫的就选择了Elemen，那时候vue2 刚发没多久，市面上也没有很多其它的vue2的ui框架。虽然Element也有很多的不阅读全文

posted @ 2017-07-16 10:06 yezixuan 阅读(13226) 评论(2) 推荐(0)

【转】手摸手，带你用vue撸后台系列二(登录权限篇)

摘要：前言拖更有点严重，过了半个月才写了第二篇教程。无奈自己是一个业务猿，每天被我司的产品虐的死去活来，之前又病了一下休息了几天，大家见谅。进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着阅读全文

posted @ 2017-07-16 09:52 yezixuan 阅读(19084) 评论(5) 推荐(3)

【转】手摸手，带你用vue撸后台系列一

摘要：前言说好的教程终于来了，第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧，但这里不会教你webpack的基础配置，热更新怎么做，webpack速度优化等等，有需求的请自行google。目录结构 ├── build // 构建相关 ├── config // 配置相关 ├── src // 阅读全文

posted @ 2017-07-16 09:49 yezixuan 阅读(2580) 评论(2) 推荐(1)

【16】vuex2.0 之 getter

摘要：有的组件中获取到 store 中的state, 需要对进行加工才能使用，computed 属性中就需要写操作函数，如果有多个组件中都需要进行这个操作，那么在各个组件中都写相同的函数，那就非常麻烦，这时可以把这个相同的操作写到store 中的getters, 每个组件只要引用getter 就可以了，非阅读全文

posted @ 2017-07-15 15:41 yezixuan 阅读(276) 评论(0) 推荐(0)

【15】vuex2.0 之 modules

摘要：vue 使用的是单一状态树对整个应用的状态进行管理，也就是说，应用中的所有状态都放到store中，如果是一个大型应用，状态非常多， store 就会非常庞大，不太好管理。这时vuex 提供了另外一种方式，可以把整个store 分成几个大的模块，如登录模块，用户模块等，每一个模块都有自己的state, 阅读全文

posted @ 2017-07-15 15:36 yezixuan 阅读(1830) 评论(0) 推荐(2)

【14】vuex2.0 之 mutation 和 action

摘要：我们的项目非常简单，当点击+1按钮的时候，count 加1，点击-1按钮的时候，count 减1. 1, mutation The only way to actually change state in a Vuex store is by committing a mutation, 在vue 阅读全文

posted @ 2017-07-15 11:58 yezixuan 阅读(443) 评论(0) 推荐(0)

【13】vuex2.0 之 state

摘要：Vuex 的核心是 store, 它是一个通过 Vuex.Store 构造函数生成的对象。为什么它会是核心呢？因为我们调用这个构造函数创建store 对象的时候，给它传递参数中包装了state, mutation , action 等核心内容。看一下官网的例子 Vuex 的思想是当我们在页面上点击阅读全文

posted @ 2017-07-15 11:55 yezixuan 阅读(227) 评论(0) 推荐(0)

【12】vue-router 之路由重定向

摘要：看之前的项目，突然发现一个不算bug的bug，之前也是一直没有想到，现在发现之后越来越觉得有必要改掉，项目用的是vue做的，自然切换用的就是路由，一级路由包括：首页、记录和个人中心，二级路由是在记录下面的三个报修记录，如上图路由分配，一级路由重定向到index，二级重定向至repair，一直觉得阅读全文

posted @ 2017-07-14 16:26 yezixuan 阅读(418) 评论(0) 推荐(0)

【11】vue router 之导航钩子

摘要：导航钩子 vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b 每个钩子方法接收三个参数：to: Route : 即将要进阅读全文

posted @ 2017-07-14 15:51 yezixuan 阅读(721) 评论(0) 推荐(0)

【09】Vue 之 Vuex 数据通信

摘要：9.1. 引言 Vue组件化做的确实非常彻底，它独有的vue单文件组件也是做的非常有特色。组件化的同时带来的是：组件之间的数据共享和通信的难题。尤其Vue组件设计的就是，父组件通过子组件的prop进行传递数据，而且数据传递是单向的。也就是说：父组件可以把数据传递给子组件，但是反之则不同。如下图所阅读全文

posted @ 2017-07-10 20:02 yezixuan 阅读(383) 评论(0) 推荐(0)

【08】Vue 之 vue-cli

摘要：8.1. 前置知识学习 npm 学习官方文档推荐资料 npm入门 npm介绍需要了解的知识点 package.json 文件相关配置选项 npm 本地安装、全局安装、本地开发安装等区别及相关命令 npm script脚步的基本编写能力官方文档推荐资料 npm入门 npm介绍需要了解的知识阅读全文

posted @ 2017-07-10 19:57 yezixuan 阅读(2713) 评论(0) 推荐(0)

【07】 vue 之 Vue-router

摘要：注意: vue-router@2.x 只适用于 Vue 2.x 版本。 vue-router@1.x 对应于Vue1.x版本。的Github地址：vue-router 文档地址 7.2. vue-router的安装使用 CDN连接方式 https://unpkg.com/vue-router/di 阅读全文

posted @ 2017-07-09 14:03 yezixuan 阅读(264) 评论(0) 推荐(0)

【06】Vue 之组件化开发

摘要：组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一，Vue的组件和也做的非常彻底，而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便，而且第三方工具支持也非常丰富，社区也非常活跃，第三方组件也呈井喷之阅读全文

posted @ 2017-07-09 13:40 yezixuan 阅读(344) 评论(0) 推荐(0)

【05】Vue 之实例详解与生命周期

摘要：Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 5.1. Vue实例初始化的选项配置对象详解前面我们已经用了很多次 ne 阅读全文

posted @ 2017-07-09 11:39 yezixuan 阅读(325) 评论(0) 推荐(0)

【04】Vue 之事件处理

摘要：4.1. 监听事件的Vue处理 Vue提供了协助我们为标签绑定时间的方法，当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便，而且能让ViewModel更简洁，逻辑更彻底。所以还是推荐大家使用的。 Vue提供了v-on指令帮助我们进行事件的绑定。基本的内联事件处理方阅读全文

posted @ 2017-07-09 11:03 yezixuan 阅读(224) 评论(0) 推荐(0)

【03】Vue 之列表渲染及条件渲染

摘要：3.1. 条件渲染有时候我们要根据数据的情况，决定标签是否进行显示或者有其他动作。最常见的就是，表格渲染的时候，如果表格没有数据，就显示无数据。如果有数据就显示表格数据。 Vue帮我们提供了一个v-if的指令，帮助我们完成判断的模板处理。 v-if指令可以根据数据绑定的情况进行插入标签或者移除标签阅读全文

posted @ 2017-07-09 10:54 yezixuan 阅读(357) 评论(0) 推荐(0)

【02】 Vue 之数据绑定

摘要：2.1. 什么是双向绑定？ Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML的标签的变化，而且标签的变化也会反过来影响Vue对象的属性的变化。这样以来，就彻底变革了之前Dom的开发阅读全文

posted @ 2017-07-09 10:39 yezixuan 阅读(473) 评论(0) 推荐(0)

随笔分类 - vue