前端MVC Vue2学习总结（八）——Vue Router路由、Vuex状态管理、Element-UI
一、Vue Router路由 二、Vuex状态管理 三、Element-UI Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是 Mint UI 。 Element UI 是一套采用 Vue 2.0 作为基础框架实现 ...
原文：前端MVC Vue2学习总结（八）——前端路由
路由是根据不同的 url 地址展示不同的内容或页面，早期的路由都是后端直接根据 url 来 reload 页面实现的，即后端控制路由。 后来页面越来越复杂，服务器压力越来越大，随着AJAX 异步刷新技术 的出现，页面实现非 reload 就能刷新数据，让前端也可以控制 url 自行管理，前端路由因此而生。 如果直接使用AJAX加载页面片段是可以实现单页效果的，但这样会破坏浏览器的前进与后退功能，使 ...
2019-01-07 10:01 0 784 推荐指数：
相关推荐
前端MVC Vue2学习总结（九）——Vuex状态管理插件
一、概要 1.1、Vuex定义与注意事项 Vuex是为vue.js框架更好的管理状态而设计一个插件。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方 ...
前端MVC Vue2学习总结（五）——表单输入绑定、组件
控件初始化所生成的值。因为它会选择 Vue 实例数据来作为具体的值。 1.1.1、文本 ...
前端MVC Vue2学习总结（一）——MVC与vue2概要、模板、数据绑定与综合示例
一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品，在全局范围内给了大的约束。库是工具，在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、AMD与CMD 在传统的非模块化JavaScript开发中有许多问题：命名冲突、文件依赖、跨环境 ...
前端MVC Vue2学习总结（六）——axios与跨域HTTP请求、Lodash工具库
一、axios Vue更新到2.0之后宣告不再对vue-resource更新，推荐使用axios，axios是一个用于客户端与服务器通信的组件，axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端javaScript工具。通俗来说可以实现客户端请求服务器端提供 ...
前端MVC Vue2学习总结（四）——条件渲染、列表渲染、事件处理器
一、条件渲染 1.1、v-if 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： 在 Vue.js ，我们使用 v-if 指令实现同样的功能： 也可以用 v-else 添加一个 “else” 块： 1.1.1 ...
前端MVC Vue2学习总结（二）——Vue的实例、生命周期与Vue脚手架（vue-cli）
一、Vue的实例 1.1、创建一个 Vue 的实例 每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的： 虽然没有完全遵循 MVVM 模型，Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名 ...
前端MVC Vue2学习总结（三）——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定
Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用 ...