01 2018 档案

Vue（二十）项目初始化步骤
摘要：提：需要安装 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 阅读(575) 评论(0) 推荐(0)
Vue（十九）Vuex
摘要：Vuex 1. 简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简单来说，用来集中管理数据，类似于React中的Redux，都是基于Flux的前端状态管理框架 2. 基本用法 2.1 阅读全文
posted @ 2018-01-23 17:10 yulingjia 阅读(224) 评论(0) 推荐(0)
Vue（十八）Element UI
摘要：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 阅读(343) 评论(0) 推荐(0)
Vue（十七）模块化开发
摘要：模块化开发 使用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 阅读(737) 评论(0) 推荐(0)
Vue（十六）vue-router路由
摘要：一、 vue-router路由 一、 vue-router路由 1. 简介 使用Vue.js开发SPA（Single Page Application）单页面应用 根据不同url地址，显示不同的内容，但显示在同一个页面中，称为单页面应用 [参考](https://router.vuejs.org/z 阅读全文
posted @ 2018-01-22 13:14 yulingjia 阅读(275) 评论(0) 推荐(0)
Vue（十五）组件
摘要：一、 组件component 1. 什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码 组件是自定义元素（对象） 2. 定义组件的方式 方式1：先创建组件构造器，然后由组件构造器创建组件 方式2：直接创建组件 <div id=" 阅读全文
posted @ 2018-01-18 09:33 yulingjia 阅读(207) 评论(0) 推荐(0)
Vue（十四）过渡（动画）
摘要：过渡(动画) 1. 简介 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果 本质上还是使用CSS3动画：transition、animation 2. 基本用法 使用transition组件，将要执行动画的元素包含在该组件内 <transition> 运动的元素 </tran 阅读全文
posted @ 2018-01-17 16:29 yulingjia 阅读(168) 评论(0) 推荐(0)
Vue（十三）自定义指令
摘要：自定义指令 分类：全局指令、局部指令 1. 自定义全局指令 使用全局方法Vue.directive(指令ID,定义对象) 2. 自定义局部指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie 阅读全文
posted @ 2018-01-17 15:43 yulingjia 阅读(219) 评论(0) 推荐(0)
Vue（十二）vue实例的属性和方法
摘要：vue实例的属性和方法 1. 属性 vm.$el vm.$data vm.$options vm.$refs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w 阅读全文
posted @ 2018-01-15 15:25 yulingjia 阅读(411) 评论(0) 推荐(0)
Vue（十一）计算属性
摘要：计算属性 1. 基本用法 计算属性也是用来存储数据，但具有以下几个特点： a.数据可以进行逻辑处理操作 b.对计算属性中的数据进行监视 2.计算属性 vs 方法 将计算属性的get函数定义为一个方法也可以实现类似的功能 区别： a.计算属性是基于它的依赖进行更新的，只有在相关依赖发生改变时才能更新变 阅读全文
posted @ 2018-01-10 16:09 yulingjia 阅读(198) 评论(0) 推荐(0)
Vue（十）生命周期
摘要：Vue生命周期 vue实例从创建到销毁的过程，称为生命周期，共有八个阶段 <script> window.onload=function(){ let vm = new Vue({ el:'#app', data:{ msg:'Hello World ! ' }, methods:{ update( 阅读全文
posted @ 2018-01-10 10:32 yulingjia 阅读(260) 评论(0) 推荐(0)
Vue（九）小案例 - 百度搜索列表（跨域）
摘要：效果： 阅读全文
posted @ 2018-01-09 17:51 yulingjia 阅读(561) 评论(0) 推荐(0)
Vue（八）发送跨域请求
摘要：使用vue-resource发送跨域请求 1 安装vue-resource并引入 1 安装vue-resource并引入 cnpm install vue-resource -S 2 基本用法 2 基本用法 使用this.$http发送请求 this.$http.get(url, [options] 阅读全文
posted @ 2018-01-09 10:28 yulingjia 阅读(372) 评论(0) 推荐(0)
Vue（七）发送Ajax请求
摘要：发送AJAX请求 1. 简介 vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 参考：GitHub上搜索axio 阅读全文
posted @ 2018-01-05 16:25 yulingjia 阅读(3590) 评论(0) 推荐(0)
Vue（六）过滤器
摘要：1. 简介 用来过滤模型数据，在显示之前进行数据处理和筛选 语法：{{ data | filter1(参数) | filter2(参数)}} 2. 关于内置过滤器 vue1.0中内置许多过滤器，如：currency、uppercase、lowercase、limitBy、orderBy、filter 阅读全文
posted @ 2018-01-05 15:46 yulingjia 阅读(317) 评论(0) 推荐(0)
Vue（五）模板
摘要：模板 1. 简介 Vue.js使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据 模板就是{{}}，用来进行数据绑定，显示在页面中 也称为Mustache语法 2. 数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1：使用两对大括号{{}}，可能会出现闪烁的问题，可以使 阅读全文
posted @ 2018-01-05 15:15 yulingjia 阅读(237) 评论(0) 推荐(0)