wx5b04e97300ec7的博客_Vue.js

Vue.js_08_Vue 的生命周期

本系列博客汇总在这里：Vue.js 汇总Vue 的生命周期一、什么是生命周期二、Vue.js 的生命周期源码工程文件为：一、什么是生命周期生命周期就是指一个对象的生老病死。都是有一个过程的，就是先完成什么，再完成什么，一步一步走完整个生命周期。二、Vue.js 的生命周期当我们使用 new Vue({...}) 的时候，Vue 在背后做了大量工作。根据上图，我们可以知

vue

生命周期

vue.js

回调函数

原创 2022-03-29 11:49:46 99 阅读

Vue.js_41_ 网络请求（axios）

本系列博客汇总在这里：Vue.js 汇总网络请求一、选择什么网络模块?1、选择一：传统的 Ajax2、选择二：jQuery-Ajax3、选择三：Vue-resource4、选择四：axios二、jsonp三、axios 框架的使用1、安装1、功能特点2、axiox 请求方式四、全局配置五、常见的配置选项

vue

ios

json

jquery

原创 2022-03-29 11:34:06 69 阅读

Vue.js_39_Promise

Promise一、什么是 Promise 呢？二、网络请求的回调地狱三、定时器的异步事件四、定时器异步事件解析五、Promise 三种状态六、Promise 链式调用源码工程文件为：一、什么是 Promise 呢？ Promise 是异步编程的一种解决方案。 function runAsync(){ var p = new Promise...

vue

网络请求

数据

异步操作

原创 2022-01-23 11:34:12 77 阅读

Vue.js_02_引入（安装）

引入（安装）一、CDN 引入二、下载引入（前期推荐）三、NPM 引入（后续使用）源码工程文件为：一、CDN 引入CDN 的全称是 Content Delivery Network，即内容分发网络。CDN 的基本原理是广泛采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中，在用户访问网站时，利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上，由缓存服务器直接响应

Vue.js

加载

缓存服务器

vue.js

原创 2022-01-23 11:26:48 45 阅读

Vue.js 汇总

Vue.js 汇总说明：项目源码下载目录【完】

vue

vue.js

源码下载

原创 2022-01-23 11:25:40 81 阅读

Vue.js_01_概述

汇总概述一、Vue.js二、 Vue.js 和 JQuery源码工程文件为：一、Vue.jsVue.js 官网二、 Vue.js 和 JQuery如果说是 JQuery 是手工作坊，那么 Vue.js 就像是一座工厂，虽然 Vue.js 做的任何事情 JQuery 都可以做，但无论是代码量还是流程规范性都是前者较优。如有错误，欢迎指正！...

Vue.js

vue.js

jquery

官网

原创 2022-01-23 11:16:39 45 阅读

Vue.js_07_Vue 中的 MVVM

中的 MVVM一、什么是 MVVM二、案例分析源码工程文件为：一、什么是 MVVMMVVM 是 Model-View-ViewModel 的简写。它本质上就是 MVC 的改进版。MVVM 就是将其中的 View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model...

vue

数据

vue.js

业务逻辑

原创 2022-01-23 11:16:21 77 阅读

Vue.js_25_小练习

源码工程文件为：一、需求说明点击那个选项，那个就变成红色，也就是所谓的选中状态。二、代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl...

vue

html

vue.js

代码实现

原创 2022-01-23 11:16:01 20 阅读

Vue.js_04_第一个 Vue 程序

程序一、说明关于 var、let 和 const二、Vue.js三、Vue 代码做了什么源码工程文件为：一、说明关于 var、let 和 const以前我们在使用 js 的时候，不管定义变量还是定义常量，我们都使用 var 来进行定义，个人也觉得这种设计不合理，于是 ECMAScript 6 新增 const 和 let 命令...

Vue.js

声明式编程

数据

vue.js

原创 2022-01-23 11:15:36 60 阅读

Vue.js_32_插槽（slot）的使用

@TOC源码工程文件为：一、为什么使用插槽？在生活中很多地方都有插槽，电脑的 USB 插槽，插板当中的电源插槽。插槽的目的是让我们原来的设备具备更多的扩展性。比如电脑的 USB 我们可以插入 U 盘、硬盘、手机、音响、键盘、鼠标等等。组件的插槽也是为了让我们封装的组件更加具有扩展性，让使用者可以决定组件内部的一些内容到底展示什么。例子：移动网站中的导航栏。移动开发中，几乎每个页面都有导航栏，

vue

插槽

封装

作用域

原创 2022-01-23 11:15:12 72 阅读

Vue.js_40_Vuex 详解

Vuex 详解一、Vuex 是做什么的?二、管理什么状态呢?三、单界面的状态管理四、多界面状态管理五、Vuex 核心概念1、State 单一状态树2、Getters 基本使用3、Mutation 状态更新4、Mutation 传递参数5、Mutation 提交风格6、Mutation 响应规则7、Mutation 常量类型8、Mutation 同步函数9、Action 的基本定义10、Action

异步操作

响应式

封装

原创 2022-01-23 11:14:35 70 阅读

Vue.js_21_条件渲染案例

二、input 复用问题 1、存在问题如果我们在有输入内容的情况下，切换了类型，我们会发现文字依然显示之前的输入的内容。但是按道...

vue

控件

表单

显式

原创 2022-01-23 11:10:33 17 阅读

Vue.js_19_v-on 指令

本系列汇总在这里：Vue.js 汇总 v-on 指令一、事件监听二、v-on 基础三、v-on 参数四、v-on 修饰

vue

修饰符

事件监听

vue.js

原创 2022-01-15 13:41:35 3 阅读

Vue.js_33_前端模块化开发思想

本系列汇总在这里：Vue.js 汇总前端模块化开发一、JavaScript 原始功能二、CommonJS（了解）三、exportn 基本使用四、导出函数或类五、export default六、import 使用源码工程文件为：一、JavaScript 原始功能在网页开发的早期，js 制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。那个时候的代码是...

vue

匿名函数

解决方案

模块化

原创 2022-01-15 13:40:28 48 阅读

Vue.js_26_小案例

本系列汇总在这里：Vue.js 汇总小案例一、需求说明二、代码实现1、style.css2、demo.html3、main.js三、实现效果源码工程文件为：一、需求说明购物车。二、代码实现1、style.csstable { border: 1px solid #e9e9e9; border-collapse: collapse; border-spacing...

vue

html

css

代码实现

原创 2022-01-15 13:40:15 45 阅读

Vue.js_18_计算属性和 methods 的对比

本系列汇总在这里：Vue.js 汇总

vue

工程文件

vue.js

缓存

原创 2022-01-15 13:39:58 26 阅读

Vue.js_14_v-cloak 指令

本系列汇总在这里：Vue.js 汇总 v-cloak 指令使用场景

vue

使用场景

工程文件

vue.js

原创 2022-01-15 13:39:47 18 阅读

Vue.js_10_v-once 指令

本系列汇总在这里：Vue.js 汇总

vue

使用场景

数据

工程文件

原创 2022-01-15 13:39:37 9 阅读

Vue.js_09_Mustache 语法

本系列汇总在这里：Vue.js 汇总

vue

工程文件

数据

html

原创 2022-01-15 13:39:23 36 阅读

Vue.js_11_v-html 指令

本系列汇总在这里：Vue.js 汇总 v-html 指令使用场景

vue

html

使用场景

vue.js

原创 2022-01-15 13:39:12 24 阅读

Vue.js_12_v-text 指令

本系列汇总在这里：Vue.js 汇总 v-text 指令使用说明

vue

使用说明

工程文件

数据

原创 2022-01-15 13:38:57 15 阅读

Vue.js_13_v-pre 指令

vue

使用说明

工程文件

vue.js

原创 2022-01-15 13:38:45 16 阅读

Vue.js_15_v-bind 指令动态绑定 Class

本系列汇总在这里：Vue.js 汇总 v-bind 指令一、使用说明二、v-bind 的基本使用三、v-bind 绑定 class1、对象语法用法一用法二用法三用法四2、数组语法用法一用法二用法三用法四

vue

动态绑定

数组

语法糖

原创 2022-01-15 13:38:33 78 阅读

Vue.js_16_v-bind 指令动态绑定 Style

本系列汇总在这里：Vue.js 汇总 v-bind 指令v-bind:style1、对象语法2、数组语法

vue

css

数组

对象类型

原创 2022-01-15 13:38:08 23 阅读

Vue.js_17_计算属性

本系列汇总在这里：Vue.js 汇总

vue

数据

vue.js

工程文件

原创 2022-01-15 13:37:49 195 阅读

Vue.js_20_v-if、v-else-if、v-else 指令

本系列汇总在这里：Vue.js 汇总

vue

工程文件

vue.js

条件语句

原创 2022-01-15 13:37:13 48 阅读

Vue.js_23_v-for 指令

本系列汇总在这里：Vue.js 汇总 v-for 指令一、v-for 遍历数组二、v-for 遍历对象

vue

数组

遍历数组

vue.js

原创 2022-01-15 13:36:21 28 阅读

Vue.js_22_v-show 指令

二、v-if 和 v-show 对比 v-if 和 v-show 都可以决定一个元素是否渲染，那么开发中我们如何选择呢？ v-if 当条件为 false 时，压根...

vue

工程文件

vue.js

属性设置

原创 2022-01-15 13:36:03 23 阅读

Vue.js_38_TabBar 案例

本系列汇总在这里：Vue.js 汇总 TabBar 案例源码工程文件为：如有错误，欢迎指正！

vue

工程文件

vue.js

原创 2022-01-15 13:35:45 55 阅读

Vue.js_37_vue-router 详解

本系列汇总在这里：Vue.js 汇总vue-router 详解一、认识路由1、后端路由阶段2、前端路由阶段前后端分离阶段单页面富应用阶段3、URL 的 hash4、HTML5 的 history 模式pushStatereplaceStatego补充说明二、vue-router 基本使用1、认识 vue-router2、安装和使用 vue-router安装简单框架搭建使用 vue-route...

vue

懒加载

嵌套

服务器

原创 2022-01-15 13:35:33 86 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

wx5b04e97300ec7的博客