摘要: 第十五单元(熟练使用vue-router插件) #课程目标 1、掌握路由嵌套 2、掌握导航守卫 #知识点 #一、路由嵌套 很多时候,我们会在一个视口中实现局部页面的切换。这时候就需要到了嵌套路由。 也就是说一个被渲染组件同样可以包含自己的嵌套 <router-view>。 const router 阅读全文
posted @ 2020-12-14 10:59 人心不古 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 第十四单元(认识单页面应用,理解vue-router的基本用法) #课程目标 1、了解单页应用与多页应用以及各自的优缺点 2、掌握路由如何实现单页应用 3、精通路由的基本语法 #知识点 #一、单页应用与多页应用 1、多页应用(MPA) 传统的应用形式,即每一次页面跳转的时候,后台服务器都会给返回一个 阅读全文
posted @ 2020-12-14 10:58 人心不古 阅读(466) 评论(0) 推荐(0) 编辑
摘要: 第十三单元(指令的作用,指令的钩子函数) #课程目标 1.了解自定义指令的应用场景 2.掌握自定义全局和局部指令 3.掌握指令的钩子函数 #知识点 #一、认识自定义指令 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。 举例说明:当页面加载时,inpu 阅读全文
posted @ 2020-12-14 10:57 人心不古 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 第十二单元(vue中过渡效果的实现) #课程目标 熟练掌握transition组件的用法 熟练使用transition组件做过渡特效 熟练使用transition组件做动画特效 了解使用transition组件自定义过渡的类名 #知识点 #1.过渡简介 Vue 在插入、更新或者移除 DOM 时,提供 阅读全文
posted @ 2020-12-14 10:56 人心不古 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 第十一单元(内置组件) #课程目标 熟练掌握component组件的用法 熟练使用keep-alive组件 #知识点 #1.component组件 component是vue的一个内置组件,作用是:配合is动态渲染组件 <component :is='组件'></component> 1 不同组件之 阅读全文
posted @ 2020-12-14 10:55 人心不古 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 第十单元(动态组件 keep-alive(钩子函数) 递归组件(name) 组件命名约定) #课程目标 熟练掌握动态组件的实现 掌握keep-alive缓存组件,以及相应的钩子函数 熟练掌握递归组件,以及递归组件的实现原理 了解组件的命名约定 #知识点 #1.动态组件 ​ 首先得明白什么叫做动态组件 阅读全文
posted @ 2020-12-14 10:54 人心不古 阅读(469) 评论(0) 推荐(0) 编辑
摘要: 第九单元(非父子通信 events 单向数据流) #课程目标 了解非父子组件通信的原理,熟练实现非父子组件间的通信(重点) 了解单向数据流的含义,并且明白单向数据流的好处 #知识点 #1.非父子组件间的通信 ​ 在昨天我们已经学习了父子间通信,子父间通信的实现方式,那么如果两个组件不是父子组件那么如 阅读全文
posted @ 2020-12-14 10:52 人心不古 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 第八单元(组件通信 子父,父子组件通信 自定义事件 事件修饰符 v-model props验证 ) #课程目标 掌握使用props让父组件给子组件传参(重点) 掌握props属性的使用以及prop验证的常用规则 掌握使用自定义事件让子组件给父组件传参(重点) 了解v-model在组件中的绑定原理,掌 阅读全文
posted @ 2020-12-14 10:51 人心不古 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 第七单元(vue的单文件组件形式-单文件组件的加载原理-vue-cli构建的开发环境以及生命周期) #课程目标 掌握安装 vue-cli 命令行工具的方法,掌握使用命令行在本地搭建开发环境,使用命令行在本地运行项目。 精通项目结构,以及各文件和文件夹的作用。 精通单文件组件的文件组织形式,模板、js 阅读全文
posted @ 2020-12-14 10:48 人心不古 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 第六单元(vue的实例和组件-vue实例的相关属性和方法-解释vue的原理-创建vue的组件) #课程目标 掌握vue实例的相关属性和方法的含义和使用 了解vue的数据响应原理 熟悉创建组件,了解全局组件与局部组件的区别,掌握组件的相关注意事项 #知识点 #1.vue实例的相关属性和方法ß #1.1 阅读全文
posted @ 2020-12-14 10:47 人心不古 阅读(331) 评论(0) 推荐(0) 编辑