摘要：
组件页面内部自加树形导航栏 <template> <div> 左侧 </div> <!-- 中间根据点击的导航显示，一个个封装好的组件 --> <div> <jjcsj v-if="currentPage 'jjcsj'"></jjcsj> <jxsj v-else-if="currentPage 阅读全文
摘要：
对于标签原本自带的 class 类 就如下图的 .el-dialog__body 就是自带的 原 dialog： 现在若要更改 padding 值 方式一（但是修改的是全局的了）： <style> .el-dialog__body { padding: 15px; } </style> 方式二（给 阅读全文
摘要：
组件收缩实现 —— 显示与隐藏 需要操作的组件和点击按钮都在一个 vue 的话： <div ...... :style="{width: broadside?'200px':'0px'}"> const onCheckExpand = () => { console.log("onCheckExpa 阅读全文
摘要：
el-table 表格展开（type="expand"）： type 除了展开 expand，还有序号 index、多选 selection <el-table :data="myTableData"> <el-table-column type="expand" width="30"> <temp 阅读全文
摘要：
onMounted 是一个生命周期钩子，它在组件被挂载到 DOM 后被调用，这意味着，当组件被插入到页面中并且可以与 DOM 交互时，onMounted 函数就会被执行 在 vue3 中使用 onMounted 钩子才能获取页面 DOM 加载的元素信息，否则直接写在外面就会因为 vue 的异步特性导 阅读全文
摘要：
day06 目录day06声明式导航 — 导航链接需求解决方案通过 router-link 自带的两个样式进行高亮声明式导航 — 两个类名router-link-activerouter-link-exact-active声明式导航 — 自定义类名（了解）问题解决方案代码演示声明式导航 — 查询参数 阅读全文
摘要：
认识 Vue3 目录认识 Vue3Vue2 选项式 API vs Vue3 组合式 APIVue3 的优势使用 create-vue 搭建 Vue3 项目认识 create-vue使用 create-vue 创建项目熟悉项目和关键文件组合式 API — setup 选项setup 选项的写法和执行时 阅读全文
摘要：
day04 目录day04scoped 解决样式冲突默认情况scoped 原理data 必须是一个函数组件通信通信解决方案父子通信流程props特点props 校验作用语法props 校验完整写法注意props & data、单向数据流共同点区别单向数据流：非父子通信 — event bus 事件总 阅读全文
摘要：
day05 目录day05自定义指令指令介绍自定义指令自定义指令语法自定义指令 — 携指令的值需求语法自定义指令 — v-loading 指令的封装场景需求分析实现准备代码插槽 — 默认插槽作用需求问题插槽的基本语法代码示例插槽 — 后备内容（默认值）插槽的后备内容语法效果插槽 — 具名插槽需求具名 阅读全文
摘要：
day03 目录day03Vue 生命周期Vue 生命周期钩子工程化开发和脚手架开发 Vue 的两种方式脚手架 Vue CLI基本介绍好处使用步骤项目目录介绍和运行流程项目目录介绍运行流程组件化开发根组件 App.vue组件是由三部分构成普通组件的注册使用 — 局部注册特点步骤使用方式注意语法普通组 阅读全文
摘要：
day01 目录day01渐进式Vue 的两种开发方式：框架创建 Vue 实例插值表达式 {作用：利用表达式进行插值，渲染到页面中语法注意响应式特性访问和修改 data 中的数据Vue 中的常用指令内容渲染指令条件渲染指令事件绑定指令属性绑定指令列表渲染指令v-for 中的 key双向绑定指令关于 阅读全文
摘要：
day02 目录day02指令修饰符 "."按键修饰符事件修饰符v-bind 对样式控制的增强 — :class普通语法对象语法数组语法tab 栏切换导航高亮v-bind 对有样式控制的增强 — :style语法编写进度条 css 显示进度v-model 在其他表单元素的使用computed 计算属 阅读全文