奇奇怪怪~-CSDN博客

原创 git安装教程

1.git的安装包下载点击Git 然后点击 Download for Windiws按钮下载git最新版本安装包,如下图下载好安装包就开始安装了2.git安装1、打开安装包2、下一步路径选择我选择的是d:\Program Files\Git3、组件选择我选的配置请看图，可以自选4、开始菜单快...

2021-11-04 09:34:20 661

1.移动端视口标签<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">标签中 name="viewport" 表示：视口标签属性content是规则属性：其中规则意思如下width=device-width ：表示宽度是设备屏幕的宽度initial...

2021-10-24 19:45:07 1427

原创 vue组件通信

组件之间通讯分为三种：父传子、子传父、兄弟组件之间通讯vue组件间通讯六种方式 1.props/$emit props是父传子，$emit是子传父

2021-10-13 20:19:22 131

原创 vue Router 声明式导航与编程式导航的对比

1.声明式导航 vue Router中的声明式导航就是<router-link> 标签，那么router-link怎么带我们去我们要到的组件呢，是通过router-link的to属性到达对应的组件中。写法是这个样子的<router-link :to="..."> 而<router-link> 标签通过to属性到达对应的组件，这时就面临一个问题，要让这个组件显示到哪里，这是就要用到<router-view>标签，来达到想...

2021-10-08 06:18:36 2346

原创 vue生命周期

1.什么是vue的生命周期vue生命周期是指vue是对象从创建到销毁的过程。2.vue生命周期的作用是什么在vue生命周期的不同阶段通过对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能。3.vue生命周期的过程图4.vue生命周期的不同阶段的钩子函数都做了什么创建阶段：beforecreate：实例已经初始化，但不能获取DOM节点。(没有data，没有el)created:实例已经创建，仍然不能获取DOM...

2021-10-08 05:41:29 58

原创 vue的导航守卫

1.导航守卫的了解 vue.js的导航守卫分为全局守卫和局部守卫全局守卫：beforeEach 全局前置守卫 beforeResolve 全局解析守卫 afterEach 全局后置守卫局部守卫： beforeEnter 路由独享守卫 beforeRouteEnter ...

2021-10-07 20:42:06 96

原创 keep-alive 的详细介绍

1.keep-alive 了解keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染。2.keep-alive的运用如图所示:给你的视图标签外套一个keep-alive标签就实现了组件的缓存3. keep-alive的include和exclude属性上图中是所有组件都实现缓存，那么我们要实现指定组件缓存就需要用到include和exclude这两个属性了如图所示 include所绑定的Home组件...

2021-10-07 20:19:39 2888

原创 vue.js 详解

1.vue.js入门Vue.js 是用于构建交互式的 Web 界面的库。Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。不懂的小伙伴可以到Vue.js vue官网进行深入了解。2.vue.js的特点简洁：HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动：自动追踪依赖的模板表达式和计算属性。组件化：用解耦...

2021-10-07 19:53:28 1103

原创 vue 常见面试题

1.vue生命周期什么是Vue生命周期？Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期Vue生命周期的作用是什么？它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几个阶段？...

2021-09-30 23:23:07 95

原创 vue 通过ElementUI的from表单实现登录效果

1.通过ElementUI构建基本的样式不了解ElementUI官方网站https://element.eleme.cn/#/zh-CN对ElementUI 进行基本的了解. 1.1 ElementUI的使用首先在项目中通过指令npm i element-ui S 安装ElementUI 1.2 然后在官网中找到 from表单然后就可以基本的布局了那么下面是我已经写好的框架<el...

2021-09-25 20:43:36 628

原创 vue 前置守卫实现登录之前的一些效果

思路：一个登录效果我认为分为两步：设置路由元信息（meta）---》通过元信息前置守卫（beforeEach）拦截跳转（而拦截跳转又分为用户登录状态和未登录状态)1.设置路由元信息（meta）如图所示设置路由元信息就这么简单。2.通过元信息前置守卫（beforeEach）拦截跳转 2.1 用户已登录状态用户已登录时正常跳转。 2.2 ...

2021-09-23 20:43:02 156

wang12345111的博客