m0_74350516的博客

该内容主要介绍了 Vue 动画的实现方式。包括操作 CSS 的 transition 或 animation，通过添加样式类名实现过渡，如定义 xxx-enter-active 等类名；还阐述了过渡实现的步骤，多元素过渡需用 transition-group 并指定 key 值；最后提及使用第三方动画库 Animate.css，给出安装、导入及使用示例。

本文主要介绍了传统 web 应用和单页面 web 应用的区别，单页面应用的优缺点。着重讲解了 Vue 中路由相关知识，包括路由和路由器概念、使用方法、多级路由、传参方式、路由守卫等，还涉及缓存路由组件、编程式导航及前端项目打包的路径模式等内容。

本文详细介绍了Vuex的使用，涵盖环境搭建、核心概念、工作原理等内容。通过简单案例和多组件数据共享示例，展示了其在状态管理中的应用。还介绍了模块化开发、action中发送ajax及vuex持久化等高级用法，帮助开发者更好地管理Vue应用的状态。

本文围绕Vue与Ajax展开，介绍了发送AJAX异步请求的原生、第三方库等方式，分析了AJAX跨域问题的原因及多种解决方案。详细阐述了基于Express的服务器搭建与使用，演示了跨域问题，并给出了通过`vue.config.js`配置简单和高级代理解决跨域的方法，最后介绍了`axios`的封装。

本文围绕Vue组件通讯展开，介绍了多种通讯方式。`props`用于父子组件数据传递，有多种接收形式；`ref`可获取子组件和DOM；自定义事件能实现组件交互；全局事件总线和消息订阅发布用于跨组件通信；插槽可传递HTML结构和数据，分默认、具名和作用域插槽，各有应用场景。

该内容主要介绍 Vue 脚手架相关知识：先确保 npm 可用需安装 Node.js；再安装 Vue CLI，包括配置 npm 镜像、全局安装脚手架、创建项目（两种方式）、编译运行项目；接着介绍脚手架结构、HelloWorld 程序，还提及 es 语法检测及解决办法，以及脚手架默认配置和 main.js 中 render 函数的解释 。

本文围绕Vue单文件组件展开，先介绍其概念，强调一个文件对应一个组件，`.vue` 文件需Vue框架编译，阐述多种命名规范。接着说明 `.vue` 文件由结构、交互、样式三部分构成，介绍ES6模块化语法的导出与导入方式。提及VScode的 `vetur` 插件可辅助开发，最后以实例展示单文件组件开发步骤及执行原理，指出需Vue脚手架支持运行。

文章介绍Vue组件相关知识，包括组件概念，它能解决传统开发问题，提高复用性与可维护性。阐述组件创建、注册（局部与全局）、使用步骤，解释组件中data用函数形式原因。提及组件创建简写、命名细节，还介绍组件嵌套、VueComponent与Vue的关系，涵盖其this指向、属性差异及原型链复用机制 。

文章介绍Vue生命周期，即vm对象从创建到销毁的过程。其划分为初始、挂载、更新、销毁4个阶段，各阶段有beforeXxx()和xxxed()两个钩子函数。阐述各阶段执行步骤及适合做的事，像初始阶段可发网络请求，挂载阶段操作DOM等，强调掌握生命周期对开发的重要性 。

本文围绕 Vue 响应式数据展开。介绍了响应式概念，即修改数据页面自动更新。阐述 Vue 2 用 `Object.defineProperty`、Vue 3 用 `Proxy` 实现响应式。指出后期添加属性和数组下标默认无响应式，给出 Vue 2 处理方法，也提及 Vue 3 相应处理方式更简便。

文章介绍Vue多种指令。`v-text` 与 `v-html` 分别以不同方式填充内容；`v-cloak` 解决插值闪现问题；`v-once` 与 `v-pre` 各有特定用途。还详细讲解自定义指令，包括局部和全局的函数式与对象式定义及应用，助力深入理解Vue指令系统。

本文围绕Vue的表单数据收集与过滤器展开。在表单数据收集部分，实现表单数据收集，添加验证与重置功能。过滤器部分介绍其配置方式、使用场景与串联规则，处理商品价格数据，考虑多种值情况并增加千分位格式化，同时指出Vue3已废弃过滤器语法。

本文聚焦 Vue 列表操作，涵盖列表过滤与排序。列表过滤部分回顾 `filter` 方法，介绍用 `watch` 和 `computed` 属性实现过滤，还添加错误提示和封装过滤逻辑。列表排序回顾 `sort` 方法，给出按不同顺序排序的示例，且添加重置按钮方便操作。

本文围绕 Vue 的条件与循环渲染展开。条件渲染涵盖 `v-if`、`v-else-if`、`v-else`、`v-show` 等指令的使用及区别，还介绍了 `<template>` 搭配 `v-if` 的用法。循环渲染介绍了 `v-for` 遍历数组、对象等的方式，着重讲解虚拟 DOM 和 diff 算法，强调 `key` 的作用、使用 `index` 作 `key` 的问题及选择 `key` 的方法。

本文详细介绍了Vue中`class`与`style`的绑定方法。`class`绑定包含字符串、数组和对象三种形式，分别适用于不同场景；`style`绑定有字符串、对象和数组形式。拓展补充了更多交互按钮，能更灵活地控制样式，助开发者更好运用动态样式绑定。

本文深入探讨Vue的计算属性与侦听属性。计算属性可复用代码、提升可读性与维护性，有完整与简写形式，依赖数据变化更新。侦听属性监视属性变化，用watch配置项，有多种监视方式与简写。选择时，computed优先，需异步用watch。函数写法依是否被Vue管理而定。

本文围绕Vue.js的事件处理展开，详细介绍了核心语法、事件修饰符和按键修饰符。核心语法涵盖指令格式、`v-on` 指令及简写、回调函数 `this` 指向等。事件修饰符如 `.prevent`、`.stop` 等能方便处理DOM事件细节。按键修饰符包括常用的9个、自定义及系统修饰符，助开发者构建交互性强的页面。

文章介绍MVVM分层思想，即Model（数据）、View（视图）、ViewModel（视图模型），Vue受其启发基本符合。阐述vm可访问属性，ES5新增 `Object.defineProperty()` 方法及配置项作用。说明数据代理机制及属性名要求，模拟实现数据代理，讲解Vue中数据代理与劫持原理、作用及步骤。

文章介绍 Vue 模版语法，包括插值语法（可写 data 声明变量、常量、合法表达式、白名单内全局变量）、指令语法（v-once 渲染一次，v-if 依布尔值渲染标签等），v-bind 实现标签属性动态效果及编译原理、简写，v-model 双向绑定及与 v-bind 区别、使用限制，还阐述了用户片段插件安装及配置可提高开发效率。

这篇文章学习了 Vue2 的安装与配置，掌握了通过官网下载 Vue.js 文件并引入项目的方法。实践了创建 Vue 实例、使用 template、data 等配置项，了解了它们的作用及相互关系。学会处理控制台提示信息和安装 Vue Devtools 辅助开发。理解了 Vue 实例与容器一一对应的特性，对 Vue 基础有了初步且扎实的认识，为后续深入学习打下基础。