Vue.js
记录学习Vue过程中的笔记和经验。
来日浅谈
天下古今之庸人,皆以一惰字致败。
天下古今之才人,皆以一傲字致败。
展开
-
【Vue】Vue通过axios实现Ajax请求
【Vue】Vue通过axios实现Ajax请求1. Vue与Ajax2. 安装Axios2. get请求3. post请求4. 执行多个并发请求5. 请求方法的别名 1. Vue与Ajax vue本身是不支持发送ajax请求,需要通过其他库来实现的(比如vue1.0版本官方推荐的vue-resource、vue2.0版本官方推荐的axios),或者也可以使用jquery来发送ajax请求。 vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应原创 2020-07-20 18:22:22 · 1192 阅读 · 0 评论 -
【Vue】路由vue-router
【Vue】路由vue-router前言1. 什么是路由2. 基本使用2.1 引入vue-router2.2 创建组件模板2.3 VueRouter实例2.4 vm实例绑定2.5 页面跳转控制3. 重定向4. 高亮处理 前言 由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,实际上就是组件的切原创 2020-07-20 18:01:03 · 304 阅读 · 0 评论 -
【Vue】组件化
【Vue】组件化1. 组件化1.1 全局组件1.2 组件的复用1.3 局部组件1.4 组件之间的通信1.4.1 props(父向子传递)1.4.2 props验证1.4.3 动态静态传递1.4.4 子向父的通信:$emit 1. 组件化 在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。例如可能会有相同的头部导航。 但是如果每个页面都独自开发,这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发。 在vue里,所原创 2020-07-20 08:49:54 · 196 阅读 · 0 评论 -
【Vue】常用指令
【Vue】常用指令1. 插值表达式1.1 花括号1.2 插值闪烁1.3 v-text和v-html2. v-model3. v-on3.1 基本用法3.2 事件修饰符3.3 按键修饰符3.4 组合按钮4. v-for4.1 遍历数组4.2 遍历角标4.3 遍历对象4.4 key5. v-if和v-show5.1 基本使用5.2 与v-for结合5.3 v-else5.4 v-show6. v-bind6.1 绑定class样式6.2 绑定style样式6.3 简写7. 计算属性8. watch 1. 插值表原创 2020-07-20 00:54:52 · 308 阅读 · 0 评论 -
【Vue】Vue简介,快速入门,Vue实例
【Vue】Vue简介,快速入门,Vue实例1. 认识Vue1.1 Vue介绍1.2 MVVM模式2. 快速入门2.1 导入vue.js2.2 Vue声明式渲染2.3 双向绑定2.4 事件处理3. Vue实例3.1 创建Vue实例3.2 模板和元素3.3 数据3.4 方法3.5 生命周期以及钩子函数3.5.1 生命周期3.5.2 钩子函数3.5.3 this 1. 认识Vue 1.1 Vue介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vu原创 2020-07-19 23:53:42 · 360 阅读 · 0 评论