摘要：
首先认识一下实例的生命周期。所谓“生命周期”是指实例对象从构造函数开始执行（被创建）到被 GC ( Garbage Collection，垃圾回收）回收销毁的整个存在时期，在生命周期中被自动调用的函数叫作生命周期函数，也被形象地称为生命周期钩子函数。 提示 生命周期的概念可以类比人的成长，人从出生到 阅读全文
摘要：
语法 插值表达式可以理解为使用双大括号来包裹 JS 代码，作用是将双大括号中的数据替换成对应属性值进行展示。 双大括号语法也叫模板语法（Mustache 语法）。Mustache 是一款经典的前端模板引擎，在前后端分离的技术架构下面，前端模板引擎是一种可以被考虑的技术选型。随着前端框架（Angula 阅读全文
摘要：
Vue 实例是 Vue 框架的入口，也是前端的 ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然也有自身的一系列选项。 在 main.js 中，可以看到如示例 2 所示的代码。 示例 2 new Vue({ el: '#app', router, components: { App 阅读全文
摘要：
Vue.js 自定义了一种 .vue 文件，可以把 HTML、css、JS 代码写到一个文件中，从而实现对一个组件的封装，一个 .vue 文件就是一个单独的组件。由于 .vue 文件是自定义的，浏览器不能识别，因此在 Webpack 构建中，需要安装 vue-loader 对 .vue 文件进行解析 阅读全文
摘要：
Vue.js 是一个渐进式的 JavaScript 框架，根据项目需求，可以选择从不同的维度来使用它。因为大觅项目的业务逻辑比较复杂，对前端工程师有一定的要求，需要使用 Vue 单文件组件的形式配合 Webpack 来完成 ，在配置完路由的大觅项目首页的组件中写入下面的代码来快速体验 Vue。 <t 阅读全文
摘要：
任务1 let 和 const命令 2 1.1 let 命令 2.1.2 上机训练 2.1.3 const 命令 任务2 变量的解构赋值 2.2.1 数组的解构赋值 2 2.2 对象的解构赋值 2.2.3 上机训练 任务 3 使用箭头函数 2.3.1 箭头函数起因 2.3.2 箭头函数定义 2.3. 阅读全文
摘要：
1. 利用 map 数据结构筛选 json 数组。 <!DOCTYPE html> <html lang="zh"> <head> <title>利用map数据结构筛选json数组</title> <meta charset="UTF-8"> <meta name="viewport" conten 阅读全文
摘要：
用 Vue + Vue Router 创建单页应用非常简单：通过 Vue.js，我们已经用组件组成了我们的应用。当加入 Vue Router 时，我们需要做的就是将我们的组件映射到路由上，让 Vue Router 知道在哪里渲染它们。下面是一个基本的例子： App.vue <template> <d 阅读全文
摘要：
直接下载 / CDN https://unpkg.com/vue-router@4 Unpkg.com 提供了基于 npm 的 CDN 链接。上述链接将始终指向 npm 上的最新版本。 你也可以通过像 https://unpkg.com/vue-router@3.0.0/dist/vue-route 阅读全文