深入理解 Vue.js 系列

16 【打包 图片懒加载】 1.打包 vue.config.js 2.图片懒加载 懒加载vue-lazyload插件官网 插件的使用直接参考官方教程，很简单。 安装vue-lazyload插件 在ma

15 【Vue-Router】 1.相关理解 1.1 vue-router 的理解 vue的一个插件库，专门用来实现SPA应用 1.2 对SPA应用的理解 1.单页Web应用（single page

14 【Vuex】 1.理解 Vuex 1.1 Vuex 是什么 概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组

13 【代理配置 插槽】 1.Vue脚手架配置代理 本案例需要下载axios库npm install axios 配置参考文档 Vue-Cli devServer.proxy vue.config.j

12 【nextTick 过渡与动画】 1.nextTick 这是一个生命周期钩子 语法：this.$nextTick(回调函数) 作用：在下一次 DOM 更新结束后执行其指定的回调。 什么时候用：当

11 【组件通信】 1.props 适用于的场景:父子组件通信 注意事项: 如果父组件给子组件传递数据(函数):本质其实是子组件给父组件传递数据 如果父组件给子组件传递数据(非函数):本质就是父组件给

10 【组件编码流程 组件自定义事件 全局事件总线】 1.组件编码流程 组件化编码流程： ​ (1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。 ​ (2).实现动态组件：考虑好

09 【CLI 初始化脚手架 Vue零碎的一些知识】 1.Vue CLI 初始化脚手架 1.1具体步骤 1如果下载缓慢请配置npm淘宝镜像npm config set registry http://

08 【生命周期 组件】 1.生命周期 1.1引出生命周期 生命周期 又名生命周期回调函数、生命周期函数、生命周期钩子 是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数 生命周期函数的名字不可更

07 【内置指令 自定义指令】 1.内置指令 之前学过的指令： v-bind 单向绑定解析表达式，可简写为**:** v-model 双向数据绑定 v-for 遍历数组 / 对象 / 字符串 v-on

06 【Vue数据监视 v-model双向绑定】 1.Vue数据监视 1.1问题演示 先来个案例引入一下： 点击更新马冬梅的信息，马冬梅的数据并没有发生改变。 我们来看看控制台： 控制台上的数据发生了

05 【绑定样式 条件渲染 列表渲染】 1.绑定样式 1.1class样式 写法：:class="xxx" xxx可以是字符串、对象、数。 所以分为三种写法，字符串写法，数组写法，对象写法 字符串写法

04 【计算属性 侦听属性】 1.计算属性 1.1插值语法实现 1.2method实现 1.3computed实现 定义：要用的属性不存在，要通过已有属性计算得来 原理：底层借助了Objcet.def

03 【数据代理 事件处理】 1.数据代理 1.1数据代理 建议学习文章地址： https://zh.javascript.info/property-descriptors https://zh.j

02 【el和data的两种写法 MVVM模型】 1.el和data的两种写法 el有2种写法 创建Vue实例对象的时候配置el属性 先创建Vue实例，随后再通过vm.$mount('#root')指

01 【Vue简介 初识Vue 模板语法和数据绑定】 1.Vue简介 1.1官网 英文官网 中文官网 1.2介绍与描述 Vue 是一套用来动态构建用户界面的渐进式JavaScript框架 ○构建用户界