Vue3—07—动态组件;keeplive;生命周期;mixin
时间:2021-09-20
本文章向大家介绍Vue3—07—动态组件;keeplive;生命周期;mixin,主要包括Vue3—07—动态组件;keeplive;生命周期;mixin使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
一、动态组件
所谓的动态组件应该和keeplive一样,都是vue的内置组件;
component标签的is属性可以写哪些东西?
- 第一,全局组件,比如通过vue.createApp().component()函数注册过的全局组件;
- 第二,在本组件实例中注册的局部组件,即在本组件实例的component属性注册的组件;
二、keeplive
建议直接用逗号分隔,也就是第一种方式,后面的正则和数组都太麻烦了,而且还要加冒号:让vue知道去管理它,它不是一个字符串;
三、webpack代码分包和异步组件
打包之后会有两个文件,app.js 是我们自己写得js逻辑, chunk-vendor是我们依赖的第三方js;
后面我们开始分包后,会有一个chunk.js文件,这个就是我们分包的js逻辑;
webpack对代码的分包主要是通过import().then();的方式指定这份代码要分包,即不是需要立即加载;
2.异步组件
四、¥ref、¥parent、¥root
我们可以给html标签或者组件标签,添加一个属性¥ref,
然后我们就可以在任意组件逻辑中,通过this.$ref去获取这些元素标签或者组件标签了;
也就是说,这样我们就可以去操作dom元素了;
所以这是一个很强的属性,但是有时候我们不会用,还是用props或者emit等进行组件的通信,原因就是¥ref和¥parent¥root可能会导致组件间的耦合性太强,代码太乱不好管理等;
五、生命周期
原文地址:https://www.cnblogs.com/EricShen/p/15314087.html
- 实现滑动分页(微博分页方式)
- 腾讯汇赢正式上线,变革2018大连房地产市场营销
- Windows下程序启动时出现0xc000007b错误的解决方案
- 外媒报道:CBM.com、NMA.com等域名齐交易
- ObjectDataSource与GridView配合使用经验总结系列一:数据绑定
- ObjectDataSource与GridView配合使用经验总结系列二:分页
- 网页优化系列二:使用Cache缓存静态文件、图片(asp.net版)
- Linux用户与“最小权限”原则
- WPF一步一脚印系列(1):万事起头难
- 自定义迭代器使用foreach
- 理解cookie的path和domain属性
- 静态页面设置缓存、动态页面设缓存(不断更新中。。。。)
- 区块链技术如何把你的游戏资产真正变为你的资产
- Python标准库07 信号 (signal包,部分os包)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法