06 2018 档案
摘要:1. axios简介 vue2.0之后,推荐使用axios。 axios官方地址:https://github.com/axios/axios 2. axios安装 npm安装: main.js引用: 3. axios使用示例 3.1 get 3.2 post
阅读全文
摘要:1. Vuex简介 Vuex是为vue.js应用程序开发的状态管理模式,解决的问题: ◊ 组件之间的传参,多层嵌套组件之间的传参以及各组件之间耦合度过高问题 ◊ 不同状态中的行为需要多份复制的问题 Vuex采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 核
阅读全文
摘要:1. Vue Router简介与安装 1.1 Vue Router简介 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,构建单页面应用。 Vue Router支持3种路由模式: ◊ hash:使用URL hash值作为路由,HTML5 History A
阅读全文
摘要:1. 组件简介 组件(Component)是 Vue.js 最强大的功能之一,组件可以扩展 HTML 元素,封装可重用的代码。 组件:为了拆分Vue实例的代码量,以不同的组件来划分不同的功能模块,需要什么样的功能,可以去调用对应的组件。 模块化和组件化的区别: ◊ 模块化:是从代码逻辑的角度进行划分
阅读全文
摘要:1. 内置指令 指令是Vue.js 中一个重要的特性,主要提供了一种机制将数据的变化映射为DOM 行为。 Vue.js 本身提供了大量的内置指令来进行对DOM 的操作,同时可以开发自定义指令。 2. 自定义指令 在 Vue 2.0 中,代码重用和抽象(reuse and abstraction)的主
阅读全文
摘要:1. 基础用法 v-model 指令:在表单 input 和 textarea 元素上创建双向数据绑定。 1.1 单行文本(Text) 1.2 多行文本(Multiple Text) 注:在 textarea 中插值(<textarea>{{text}}</textarea>)并不会生效。使用 v-
阅读全文
摘要:1. Vue实例及选项 1.1 创建Vue实例(new Vue instance) 每个Vue Application必须创建一个root Vue Instance。 一个Vue实例相当于一个MVVM模式中的ViewModel。在创建Vue实例时,可以传入一个选项对象,包括挂载元素(el)、数据(d
阅读全文
摘要:1. 环境准备 Vue是一套用于构建用户界面的渐进式框架,设计为可以自底向上逐层应用。Vue 的核心库只关注视图层。 安装Node.js,下载:https://nodejs.org/ 查看安装: npm包管理器,集成在node中。 查看npm版本: npm是国外资源,资源网络存在部分限制因素. 安装
阅读全文