| |
|
开发:
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.内置组件 2.keep-alive ?缓存组件-缓存组件的状态 3.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 8.$router和$route 9.路由传参 10.路由守卫 | 路由的拦截器 |路由的生命周期 11. 动态路由和嵌套路由 -abstract:只适用于node ## vuex 全局状态管理器 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
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- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |