摘要：
概述 在 Vue 中一个项目中往往需要被拆分成多个组件，但是每个组件之间都会有相互访问数据的需求。这时就涉及到组件之间的通讯了。 使用 props 进行组件间的通讯 父向子通讯 这里让 App 组件向 School 组件传入一组数据，使用 props 进行数据接收。 App.vue <templat 阅读全文
摘要：
Vue 路由 基本使用 安装 npm i vue-router@3 配置 在 src 目录下生成 router/index.js 用于存放 router 的配置。 router/index.js // 引入 vue-router import VueRouter from "vue-router" 阅读全文
摘要：
概述 Vue 为我们优化了 CSS 动画在 Vue 中的使用，帮助我们在使用动画的时候更加的得心应手。 使用 CSS 动画完成 Vue 动画 <template> <div id="app"> <button @click="isShow = !isShow">进入/离开</button> <tra 阅读全文
摘要：
概述 Vue 的插件就是一个 js 文件，里面允许我们完成一些特定的功能。 使用 创建一个插件 plugins.js export default { install(Vue) { // 全局过滤器 Vue.filter("mySlice", function (value) { return va 阅读全文
摘要：
概述 在 Vue 中我们的很多组件的配置都会有共用的数据，方法，钩子等等，我们可以把这些共用的部分提取到一个 js 文件中，并导入到需要使用的组件中，通过 mixins 配置项进行使用。 我们需要创建一个 js 文件，名字随意，这里我们叫做 mixin.js export const mixin { 阅读全文
摘要：
Vue 插槽 概述 插槽就是组件内的一个预留区域，它允许使用者向组件内的预留区域来添加自己想要的内容。 比如我们已经写好了一个组件，然后以后可能会在指定区域插入广告，这时就可以先用插槽进行占位。如果使用者向插槽中传递广告时，这时广告才会显示出来。 插槽大概分为三种：默认插槽、具名插槽、作用域插槽。 阅读全文
摘要：
Vue 生命周期 概述 在使用 Vue 时，我们需要执行一些 JS 代码。比如我们需要在页面中添加一个定时器来固定间隔更新时间。这时我们可能会想到直接在，Vue 实例外书写 JS 代码。这种方法能完成操作，但是 Vue 并不建议这样写。Vue 建议尽量在 Vue 实例中完成所有的操作。这时我们就需要 阅读全文
摘要：
非单文件组件（过渡） 非单文件组件就是指并非一个组件占用一个文件，而是一个人间中有多个组件。我们只将其作为学习的过度，实际开发中不适用这种方式。 demo： <body> <div id="app"> <h1>大哥</h1> <hr> <!-- 3. 使用组件 --> <xuexiao></xuex 阅读全文
摘要：
概述 vue 中不不仅仅有官方提供的指令，用户还可以根据自己的需要进行自定义指令。 比如当我们需要一个常用的操作将文字改为蓝色，如果我们需要修改大量标签时，就可以使用自定义指令。免去修改每一个标签的麻烦。 私有自定义指令 我们可以在 directives 节点下声明私有自定义属性。 在自定义指令的函 阅读全文
摘要：
ref 概述 我们在使用 Vue 时，有时会需要拿到 DOM 元素进行操作。这时 Vue 不推荐我们进行使用原生 JS 获取 DOM 元素。而是为我们提供了 ref 方便我们去获取组件中的 DOM 元素。 使用 ref 在使用时，我们只要给标签加上 ref 属性并指定属性名，就可以在 Vue 中通过 阅读全文
摘要：
概述 过滤器（Filters）是 vue 为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式和 v-bind 属性绑定。 过滤器应该被添加在 JavaScript 表达式的尾部，由“管道符”进行调用，示例代码如下： <p>{{ message | formatA | form 阅读全文
摘要：
概述 watch 监听器允许开发者动态监视数据的变化，从而针对数据的变化做出特定的操作。 通俗的来理解可以理解为设定了一个函数，当指定的数据发生变化之后，vue 就会帮我们自动去触发这个函数，这就是 watch 监听器。 在 watch 监听器中，函数可以接收两个参数 newVal、oldVal。这 阅读全文
摘要：
props 概述 我们的组件进行展示数据时，里面并不是都是写死的。我们需要在使用组件时，向组件内部传值，并展现我们需要的值。 数组形式接收 props TestProps.vue <template> <div> <h2>name: {{name}}</h2> <h2>sex: {{sex}}</h 阅读全文
摘要：
概述 计算属性指的是通过一系列运算之后，最终得到一个属性值。 间的的理解，当我们拥有一些数据时，我们需要将这些数据整合到一起，这时候计算属性就会完成这个操作，整合到一起的数据会变成实例的一个新属性值。当用户改变某个数据时，计算属性也会动态的调成整合后的数据。 这个动态计算出来的属性值可以被模板结构或 阅读全文
摘要：
概述 指令是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。 vue 中的指令按照不同的用途可分为如下 6 大类： 内容渲染指令。 属性绑定指令。 事件绑定指令。 双向绑定指令。 条件渲染指令。 列表渲染指令。 内容渲染指令 内容渲染指令用来辅助开发者渲染 DOM 元素的文本内容 阅读全文
摘要：
MVVM M：模型（Model）：对应 data 中的数据。 V：视图（View）：模板（页面）。 VM：试图模型（ViewModel）：Vue实例对象。 一个简单 vue demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
摘要：
概述 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 阅读全文