vue.js
yuanyuanispeak
这个作者很懒,什么都没留下…
展开
-
vue-cli入门(三)——人员管理实例
前言在开始开发实例前,应首先了解一下vue-cli的项目结构。接着我们一起来实现一个小demo——人员管理,功能简单,通过这个实例让大家熟悉使用vue-cli开发项目的一些操作,加深对vue-cli项目结构的印象。实例功能简述人员管理项目,有两个页面,首页和管理页,管理页主要实现一个简单的增删改功能,各个功能如下所示(附github地址)路由新增转载 2017-06-21 11:40:19 · 1708 阅读 · 1 评论 -
vue-cli入门(四)——vue-resource登录注册实例
前言使用vue-resource请求接口非常方便,在使用前需安装vue-resource依赖并在入口文件main.js中声明。实例功能简述本实例只有简单的两个模块:登录和注册,主要演示如何用vue-resource请求接口以及后期逻辑书写。各个功能如下所示:登录模块登录-用户不存在登录-密码错误登录-成功转载 2017-06-21 11:49:28 · 30561 阅读 · 10 评论 -
vue.js原生组件化开发(一)——组件开发基础
前言vue作为一个轻量级前端框架,其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理,一个个组件即为一个个vue页面,这种叫单文件组件。我们在引用组件之时只需将组件页面引入,再注册即可使用。那么不用脚手架,如何进行组件开发呢,本文先介绍一下基础知识吧。组件使用流程1.组件构建1.1 extend构建法调用Vue.extend()方法,构转载 2017-06-21 11:54:25 · 3781 阅读 · 0 评论 -
vue.js路由vue-router(一)——简单路由基础
前言vue.js除了拥有组件开发体系之外,还有自己的路由vue-router。在没有使用路由之前,我们页面的跳转要么是后台进行管控,要么是用a标签写链接。使用vue-router后,我们可以自己定义组件路由之间的跳转,还可以设置稍复杂的嵌套路由,创建真正的spa(单页面应用)。我之前用vue-cli脚手架写了一个简单的人员管理实例,现在我们不用脚手架,就用原生的vue来写,本文也主要是通过转载 2017-06-21 16:21:47 · 1431 阅读 · 1 评论 -
vue.js原生组件化开发(二)——父子组件
前言在了解父子组件之前应先掌握组件开发基础。在实际开发过程中,组件之间可以嵌套,也因此生成父子组件。父子组件创建流程1.构建父子组件1.1 全局注册(1)构建注册子组件//构建子组件childvar child = Vue.extend({ template: '这是子组件'});//注册名为'child'的组件Vue.component('转载 2017-06-22 16:34:47 · 868 阅读 · 1 评论 -
在多页面项目下使用Webpack+Vue
在多页面项目下使用Webpack+Vue前言webpack+vue能很好的完成单页面应用的开发,官方也提供了很多例子和教程。但使用webpack能不能用到多页面项目中,同时又能使用vue进行模块组件化开发呢?这里将结合具体的项目,说明一下我是如何配置的。我们希望能在项目里做到在每个业务模块下会有很多页面,每个页面都是一个文件夹,所需的资源文件也都放在这个文件夹下转载 2017-07-06 16:15:23 · 2087 阅读 · 0 评论