IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> vue知识汇总 -> 正文阅读

[JavaScript知识库]vue知识汇总

1.内置组件
component ?动态加载组件-动态组件
1.这个组件必须要有一个is属性,用来加载对应的组件名称
2.为了满足需要大量手写自定义组件的场景,实现tab选项卡。

2.keep-alive ?缓存组件-缓存组件的状态
1.把组件的所有被改变的状态都会存储起来
2.组件属性:exclude 把不想被缓存的组件名字写入,该组件就不会被缓存了
3.组件属性:include 只缓存被包含的组件,其他不写入的组件名字的组件则不会被缓存

3.slot插槽
1.匿名插槽,无论组件的内部被插入任何内容,都会被slot标签接收,常用于纯静态的可复用的dom解构中
2.具名插槽:父组件使用template标签使用v-slot:name加名字,插槽组件使用slot标签的name属性接收
3.作用域插槽:父组件在template标签使用v-slot:name=“接收值” 子组件在slot标签上绑定属性传参

4.组件中data为什么是一个函数?

因为组件是用来复用的,且js里对象是引用关系,如果组件data中是一个对象,那么这样作用域没有隔离,子组件中的data属性值会互相影响,如果组件中data是一个函数,那么每个实例可以维护一份被返回对象的独立的拷贝,组件实例之间的data属性值不会互相影响;而new Vue的实例,是不会被复用的,因此不存在引用对象的问题。

5.vue生命周期

所谓的 vue ?命周期就是 vue实例从创建到销毁的整个过程 我们称之为 vue 的?命周期, 通过 vue 的?命周期我们可以在不同的阶段进?不同的逻辑操作 . vue ?命周期常?的钩?函数?共有 8个 , 分别是 创建前后、挂载前后、更新前后以及销毁前后. 分别对应的钩?函数为 beforeCreate 创建前 created创建后 beforeMount 挂载前 mounted挂载后 beforeUpdate 更新前 updated更新后 beforeDestory 销毁前 destoryed销毁后 , ???开始加载的时候就会触发创建前后和挂载前后的钩?函数, ?更新的钩?函数需要当我们改变 data 的时候才能触发 , ?如 点击按钮 , 执??个?法, 在这个?式??给 data ??属性重新进?复制操作 , 这个时候就会更新的钩?函数 , 销毁的钩?函数必须得当组件进?切换的时候就会进?销毁.
在项?开发过程中 , 我经常使?到的钩?函数有 created, 我们经常在 created 进?数据请求 , 或者获取本地存储的数据 , 还有?些其 他的操作. 除了 created 还有 mounted, 我们经常在 mounted ??获 dom 元素 ( 有时 候也存在获取不到 dom 元素的情况 , 这个时 候我们?般? $nextTick ?法来解决 ).
6.v-for中key的理解?
需要使用key来给每个节点做一个唯一标识,Diff算法就可以正确的识别此节点。主要是为了高效的更新虚拟DOM.

7.vue-router
路由【组件】的懒加载:使用函数返回一个import方法,在import方法会返回一个propmise对象。只有当用户手动切换到当前的路由中,才会去加载载这个组件

8.$router和$route
答:router是new VueRouter的实例对象,表示当前项目中整个路由实例,拥有全部的路由功能,而route仅仅表示当前路由的信息,

9.路由传参
? query ?在地址中使用git方式显示:?key=value&key=value
? parms ?多个地址加载同一个组件,使用 ?/:动态参数 接收不同的值,其原理就是动态路由
? 元信息
? router-view ?通过组件传参,凡是被router-view加载除出来的视图组件,都会被传入自定义属性

10.路由守卫 | 路由的拦截器 |路由的生命周期
? 全局的守卫
? ? beforeEach ? 前置守卫【路由的鉴权】
? ? afterEach ? ? ?后置守卫【作用很小】
? 路由独享守卫【路由配置里】
? ? beforeEenter ?进入前确认【打酱油的】
? 组件内的路由守卫【组件用的】
? ? beforeRouteEnter ?组件加载前再次确认
? ? beforeRouteUpdate 【最重要】 当前页面不销毁,但是地址在变化,用于获取最新路由信息的函数
? ? beforeRouteLeave ?离开当前的路由组件前

11. 动态路由和嵌套路由
?- 动态路由:`/path/:xx`一个路由匹配多个地址加载的是同一个组件
?- 嵌套路由:一个父路由里有children子路由
12. 路由元信息
?- meta对象来传递数据
13. 动态添加路由
?- addRoute 只能添加一条路由匹配对象
?- addRoutes 可以添加一组路由匹配对象
14. 路由模式
都是基于导航对象封装的,分别是history滑入hash对象
?- history 历史记录对象封装
?- hash 锚点方式,用`#`表示路径
?区别是:hash不会发起真正的url请求,而history会发起真正的请求

-abstract:只适用于node

## vuex 全局状态管理器
## state 核心状态管理对象
## getters 相等于计算属性,对state进行计算并且返回新值
## mutations 同步方法,修改state的
## actions 动作:处理异步
## module 模块
## plugins 插件
## strict 严格模式

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-04 01:02:48  更:2022-09-04 01:05:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:23:52-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码