随笔分类 - VueJS
摘要：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是国外资源，资源网络存在部分限制因素. 安装
阅读全文