vue - 组件通信
1. props/$emit
适用范围: 适合父子组件之间, 组件层级嵌套太深, 使用该方法较为繁琐,不建议使用;
代码示例:
image.png
总结:
props中接收到的值可以直接展示,但不建议直接对齐修改;
如果父组件向子组件传递的值是通过接口获取的, 可能会存在延迟的情况;
2. provide/inject
适用范围: 适用于多层次组件嵌套,通过provi
前端
在vite+vue中使用@originjs/vite-plugin-federation模块联邦
参考链接
webpack也有这个插件，比vite好用，vite不支持本地，必须要打包后开启服务才可以
先下载(只要用到的项目都需要进行下载)
npm install @originjs/vite-plugin-feder
可视化大屏项目适配 vue（方案一）
选择的适配方案
设计稿是1920px
flexible.js 把屏幕分为 10 等份 ( flexible.js 中可修改 ，默认为 10 )
image.png
新建 vue 项目，项目目录如下
image.png
src / assets 文件下创建一个新的文件夹 css， css 文件夹下新建一个base.css文件用于定义全局样式
html,
body,
css实现椭圆绕圈动画
1.实现效果
raoqiu.gif
2.实现原理
2.1 box-shadow
box-shadow属性可以设置一个或多个下拉阴影的框。
boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。
语法：
box-shadow: h-shado
小程序的生命周期函数
onLoad : 页面加载时触发。一个页面只会调用一次，可以在 onLoad（）的参数中获取打开当前页面路径中的参数
onShow : 页面显示 / 切入前台时触发调用。
onReady : 页面初次渲染完成时触发,一个页面只会调用一次。
onHide : 页面隐藏 / 切入后台时触发，如 navigateTo 或底部tab切换到其他页面，小程序切入后台等
onUnload : 页面卸载
