Vue

一、概述 1. webpack 的 5 大核心 entry（入口） 提示 wenpack 从哪个文件开始进行打包。 output（输出） 提示 webpack 打包完的文件输出到哪里去，如何命名等…

vue 基础概念 MVVM M：模型（Model）：对应 data 中的数据。 V：视图（View）：模板（页面）。 VM：试图模型（ViewModel）：Vue实例对象。 一个简单 vue demo

Vue 动画与过渡 使用 CSS 动画完成 Vue 动画 transition 标签 在 Vue 中，我们需要将需要添加动画效果的元素使用transition标签进行包裹。 name 属性：用于控制标

ref 概述 使用 ref 在使用时，我们只要给标签加上 ref 属性并指定属性名，就可以在 Vue 中通过 vm 实例的 $refs 属性获取到我们添加 ref 属性值的标签。 demo 在 HTM

组件间通讯 使用 props 进行组件间的通讯 父向子通讯 这里让 App 组件向 School 组件传入一组数据，使用 props 进行数据接收。 App.vue School.vue 注意： 传入

Vue 组件 概述 非单文件组件（过渡） 非单文件组件就是指并非一个组件占用一个文件，而是一个人间中有多个组件。我们只将其作为学习的过度，实际开发中不适用这种方式。 demo： 使用组件一般分为三步：

vue 基础概念 MVVM M：模型（Model）：对应 data 中的数据。 V：视图（View）：模板（页面）。 VM：试图模型（ViewModel）：Vue实例对象。 一个简单 vue demo

路由就是对应关系。在前端中的路由指的是 Hash 地址和组件之间的对应关系。 通俗来理解，路由就是帮助我们通过控制 Hash 地址来完成页面中的组件的切换。

概述 vue 中不不仅仅有官方提供的指令，用户还可以根据自己的需要进行自定义指令。 比如当我们需要一个常用的操作将文字改为蓝色，如果我们需要修改大量标签时，就可以使用自定义指令。

在组件中，有些部分的内容是不确定的，这样就可以在使用组件的时候在组件中自定要想要的内容，这就是插槽。 也就是说插槽是定义在组件中的，它允许使用组件的人像插槽中自定义一些内容。

动态组件就是指动态的切换组件的显示与隐藏。 动态组件允许用户在一个框架内，切换框架内已经写好的一些组件。

我们在理解 Vue CLI 之前要理解一下什么是脚手架。 当我们编写一些项目时，我们有一个固定的规范，对项目进行很多配置。脚手架允许我们根据自己的配置，来自动的构建工程化项目的文件。

组件化开发就是根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护 在 vue 框架中对组件化开发的支持度非常高。

ref 是组件的属性，用来辅助开发者在不依赖 jQuery 的情况下，获取 DOM 元素或组件的引用。 每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件。

生命周期是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个阶段。 生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。

概述 计算属性指的是通过一系列运算之后，最终得到一个属性值。 简单的理解，当我们拥有一些数据时，我们需要将这些数据整合到一起，这时候计算属性就会完成这个操作，整合到一起的数据会变成实例的一个新属性值。

概述 过滤器（Filters） 是 vue 为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式和 v-bind 属性绑定。

watch 监听器允许开发者动态监视数据的变化，从而针对数据的变化做出特定的操作。 通俗的来理解可以理解为设定了一个函数，当指定的数据发生变化之后，vue 就会帮我们自动去触发这个函数、

指令是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。vue 中的指令按照不同的用途可分为如下 6 大类：内容渲染、属性绑定、事件绑定、双向绑定、条件渲染、列表渲染。