摘要:11 内置组件02 keepAlive.html
阅读全文
摘要:```html Document One Two ```
阅读全文
摘要:混入:把多个组件中,公共的代码抽取,如data、methods、生命周期钩子,然后使用mixins继承。 01-混入mixin.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document<
阅读全文
摘要:具名 + 作用域插槽:v-slot:名字="scope" 01-插槽的具名.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <!-
阅读全文
摘要:一 、Vuex的介绍 vuex 是什么? 状态管理工具 状态:即数据, 状态管理就是管理组件中的data数据 Vuex 中的状态管理工具, 采用了 集中式 方式统一管理项目中组件之间需要通讯的数据 【共享的数据。】 [看图] 如何使用 最佳实践 : 只将组件之间共享的数据放在 vuex 中, 而不是
阅读全文
摘要:1. 插槽 : 替换内容 / 分发内容 (1)占位,像出口<router-view></router-view>。 (2)没有新的内容放进来,就用默认的。 (3)<slot></slot>将被替换成组件内的对应子节点。 2. 基本使用 <el-car> <div>宝马发动机</div> </el-c
阅读全文
摘要:登录问题 需求 : 未登录的情况下, 如何处理访问了其他页面 (home / users 等等) 问题 1 : 如何判断登录了还是没有登录? 如果登录成功了, 后台会返回给我们一个 token 令牌 保存到本地 从本地获取 token 令牌, 如果能获取到, 则登录了, 如果获取不到, 则未登录 问
阅读全文
摘要:使用脚手架初始化项目 1. vue init webpack shop_admin_37 2. npm run dev 3. 【config文件夹中的index.js中修改 项目的端口号、useEslint的属性值。】 把没有用的删除掉 Hello Word 这个 组件删除 配置 路由 1. 安装路
阅读全文
摘要:画图 : 接口访问路径 前端页面 === 接口服务器 === 数据库服务器 == 数据库 第一小步 : 打开 : 数据库服务器 打开 , 点击 【启动MySQL】 第二小步 : 导入数据库 1. 打开 【双击 即可 】 2. 点击 : 创建一个 连接 3. 用户名和密码 : root root(不能
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <!-- 在普通的标签模板中,推荐使用短横线的方式使用组件 -->
阅读全文
摘要:一、vue 是 单文件组件 导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等 参考 : vue ⇒ 工具 ⇒ 单文件组件 什么是单文件组件 ? 后缀为 .vue 的文件 单文件组件的三个组成部分 (代码块 : scaffold 自动提示) te
阅读全文
摘要:webpack 使用步骤 一、webpack 第一阶段 命名初始化阶段 项目名不能有汉字,不能取名叫 webpack 1、创建项目名称,并生成 , 命令 : 2、安装 : 3、创建一个 文件 4、在 的`scripts`中,添加脚本 5、运行 : 6、设置开发状态 : 隔行变色案例 1. 创建 2.
阅读全文
摘要:单页面应用程序 SPA : Single Page Application 单页面应用程序 MPA : Multiple Page Application 多页面应用程序 单页 web 应用 就是只有一个 web 页面的应用, 是加载单个 HTML 页面, 并在用户与应用程序交互时, 动态更新该页面
阅读全文
摘要:组件 (重难点) 一、组件 组件可以看作是一些可复用的ui模块 小到一个标签 : 大到一个页面 :`` 一个组件对应 一个实例 组件 === Vue实例 == new Vue ( options ) 官网 : 组件是可复用的 Vue 实例 二、组件化开发 概念 :将一个完整的页面,抽离成一个个独立的
阅读全文
摘要:使用接口的形式发送数据 一 、json-server 提供假数据接口 json-server 作用 : 根据指定的 JSON 文件, 提供假数据接口 地址 : json-server 使用步骤 1. 全局安装 json-server : `npm i -g json-server` 2. 准备一个j
阅读全文
摘要:Vue生命周期三大阶段 概述 第一个大阶段 : 挂载阶段 (进入页面阶段) (1)数据初始化;(2)找模板;(3)DOM 渲染 第二个大阶段 : 更新阶段 (数据发生变化) 第三个大阶段 : 销毁阶段 (页面关闭) 第一个大阶段 : 挂载阶段 (4个钩子) 第 1 个小阶段 : 数据初始化 ==>
阅读全文
摘要:过滤器 1. 概念 vue 中的过滤器(filter) : 数据格式化 , 也就是说,让数据按照我们规定的一种格式输出 比如 : 对于日期来说,将日期格式化转化为 格式的过程 2. 全局过滤器 和 局部过滤器 说明 : 通过 全局方式创建的过滤器 ,在任何一个 Vue 实例中都可以使用 (一般情况下
阅读全文