第十五单元(熟练使用vue-router插件) #课程目标 1.掌握路由嵌套 2.掌握导航守卫 #知识点 #一.路由嵌套 很多时候,我们会在一个视口中实现局部页面的切换.这时候就需要到了嵌套路由. 也就是说一个被渲染组件同样可以包含自己的嵌套 <router-view>. const router = new VueRouter({ routes: [ { path: '/cinema', //电影 component: Cinema, children: [ { path: 'hot', /…

第十六单元(element-ui vue-lazyload 等常用插件) #课程目标 1.掌握插件的引入方式 2.精通UI框架 3.掌握前端常见的几种效果实现 #知识点 一.elementUI的使用 1.官网:https://element.eleme.cn/#/zh-CN/ ​ elementUI是pc端框架,配合vue使用. 2.安装 npm i element-ui -S   3.快速上手 ​ (1)完整引入 ​ 在 main.js 中写入以下内容: import Vue from 'vu…

第十五单元(react路由的封装,以及路由数据的提取) #课程目标 熟悉react路由组件及路由传参,封装路由组件能够处理路由表 对多级路由能够实现封装通用路由传递逻辑,实现多级路由的递归传参 对复杂的react应用,能够提取路由表并使用路由组件简化路由配置 在路由组件中实现路由拦截功能 #知识点 封装路由组件 import React from 'react'; import {Switch, Route, Redirect} from 'react-router-dom'; export d…

第十九单元(mapState mapMutations等方法的使用) #课程目标 1.熟练使用mapState 2.熟练使用mapGetters 3.熟练使用mapActions 4.熟练使用mapMutations #知识点 首先在讲解用法前我们先创建一个仓库实例 import Vue from 'vue' import Vuex from 'vuex' import {Mockurl} from '@/until' Vue.use(Vuex) export default new Vuex.…

第十四单元(认识单页面应用,理解vue-router的基本用法) #课程目标 1.了解单页应用与多页应用以及各自的优缺点 2.掌握路由如何实现单页应用 3.精通路由的基本语法 #知识点 #一.单页应用与多页应用 1.多页应用(MPA) 传统的应用形式,即每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用. 2.单页应用(SPA) 第一次进入页面的时候会请求一个html文件,刷新清除一下.切换到其他组件,此时路径也相应变化,但是并没有新的h…

第十二单元(vue中过渡效果的实现) #课程目标 熟练掌握transition组件的用法 熟练使用transition组件做过渡特效 熟练使用transition组件做动画特效 了解使用transition组件自定义过渡的类名 #知识点 #1.过渡简介 Vue 在插入.更新或者移除 DOM 时,提供多种不同方式的应用过渡效果.Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件. 语法格式: <transition name = "nameoftransition"…

第十八单元(单向数据流 vuex状态管理) #课程目标 1.理解什么是数据管理模式 2.什么是vuex 3.什么时候使用vuex 4.vuex安装及工作原理 5.vuex语法 #知识点 1.首先来看下图示例,当我们想实现A->D组件的通信时 需要A先跟B通信,B跟C通信,C再跟D通信,过程很繁琐,数据传输很麻烦. graph LR; A组件-->B组件 B组件-->C组件 C组件-->D组件   而下图则是最简单的数据管理模式,也就是说A可以跟一个store进行通信,而同时D也跟s…

一. 组件component 1. 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码 组件是自定义元素(对象) 2. 定义组件的方式 方式1:先创建组件构造器,然后由组件构造器创建组件 方式2:直接创建组件 <div id="itany"> <hello></hello> <my-world></my-world> </div> <sc…

vue过滤器: 概念:vue.js允许你自定义过滤器可被用作一些常见文本的格式化.过滤器可以用在两个地方:插值表达式   v-bind表达式  由管道符指示 //过滤器调用时候的格式 {{ name | 处理的函数名 }} //可以通过Vue.filter来自定义过滤器 data就是管道符" | " 前面的内容,也就是name Vue.filter('过滤器名称',function(data){ return data+'hahahaha' }) //该过滤器就是为插值表达式的name…

使用RPM安装及移除软件 什么是RPM rpm的文件名 rpm软件安装与移除工作中经常使用的选项 查看RPM软件包中的信息 查询已安装的软件包信息 RPM包的属性依赖性问题 什么是RPM包的属性依赖性问题 RPM包的属性依赖性问题解决方法 将nginx编译为rpm包 课后作业 [本节内容]1. 使用RPM安装及移除软件(详见linux系统管理P374)1) 掌握RPM的定义:RPM就是Red Hat Package Manger(红帽软件包管理工具)的缩写.2) 了解rpm的文件名分为5部分,其…