摘要: (一)axios 封装 (1)axios拦截器 可以在axios中加入加载的代码。。。 (2)封装请求 后期每个请求接口都可以写在这个里面。。。 (二)vuex user.js (1)创建一个state - userInfo 保存用户信息 (2)getters - get_userInfo 获取用户 阅读全文
posted @ 2018-05-03 17:08 yulingjia 阅读(815) 评论(0) 推荐(0) 编辑
摘要: 1.使用 vue-cli 创建项目(具体操作可以参考前面的文章) ... 2.下载 vuex 3.将 vuex 添加到项目中 (1)在项目中创建store文件夹 (2)在main.js中引入store的入口文件 (3)在 store -> index.js 中引入vuex 和 counter.js 阅读全文
posted @ 2018-04-17 17:10 yulingjia 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 1.下载express ... 2.使用vue-cli下载好项目文件 ... 3.找到文件 build - webpack.dev.conf.js 4.在页面中发送axios请求(先在main.js中引入axios) 5.在页面中请求数据 6.页面加载返回数据信息 阅读全文
posted @ 2018-04-11 10:57 yulingjia 阅读(2665) 评论(0) 推荐(1) 编辑
摘要: 提:需要安装 node.js / npm淘宝镜像 / webpack / vue-cli脚手架构建工具 1.创建项目 - vue init webpack framework https://github.com/standard/standard/blob/master/docs/RULES-zh 阅读全文
posted @ 2018-01-30 11:18 yulingjia 阅读(550) 评论(0) 推荐(0) 编辑
摘要: Vuex 1. 简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简单来说,用来集中管理数据,类似于React中的Redux,都是基于Flux的前端状态管理框架 2. 基本用法 2.1 阅读全文
posted @ 2018-01-23 17:10 yulingjia 阅读(197) 评论(0) 推荐(0) 编辑
摘要: Elment UI 1. 简介 Element UI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速搭建网站,提高开发效率 ElementUI PC端 MintUI 移动端 [官网](http://element-cn.eleme.io/#/zh-CN) 2. 快速上手 使用vue-cli创 阅读全文
posted @ 2018-01-23 15:47 yulingjia 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 模块化开发 使用vue-cli创建项目 1. vue-router模块化 引入vue-router cnpm install vue-router -S 1.1 编辑main.js import Vue from 'vue' import App from './App.vue' import vu 阅读全文
posted @ 2018-01-23 14:32 yulingjia 阅读(731) 评论(0) 推荐(0) 编辑
摘要: 一、 vue-router路由 一、 vue-router路由 1. 简介 使用Vue.js开发SPA(Single Page Application)单页面应用 根据不同url地址,显示不同的内容,但显示在同一个页面中,称为单页面应用 [参考](https://router.vuejs.org/z 阅读全文
posted @ 2018-01-22 13:14 yulingjia 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 一、 组件component 1. 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码 组件是自定义元素(对象) 2. 定义组件的方式 方式1:先创建组件构造器,然后由组件构造器创建组件 方式2:直接创建组件 <div id=" 阅读全文
posted @ 2018-01-18 09:33 yulingjia 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 过渡(动画) 1. 简介 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果 本质上还是使用CSS3动画:transition、animation 2. 基本用法 使用transition组件,将要执行动画的元素包含在该组件内 <transition> 运动的元素 </tran 阅读全文
posted @ 2018-01-17 16:29 yulingjia 阅读(160) 评论(0) 推荐(0) 编辑