vue3基础练习
Posted 胡安
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue3基础练习相关的知识，希望对你有一定的参考价值。
slot就是把标签传递进组件
实现同一个组件有不同的表现形式
同样因为组件就是自己制造的特殊标签，所以这儿也可以直接把组件传递到slot中
slot组件中，作用域的问题
传递进去的东西会替换掉slot，但是里面用的属性还是调用者的，也就是父组件中的变量直接调用父组件中data内容。
slot中的默认值怎么设置呢
不传值就显示这个默认值
具名插槽
把slot拆分开，成为片段，那么调用时也不知道你要调哪个，于是通过命名分开调用
作用域插槽
这样写父组件是会在父组件中找数据而不是用子组件传过来的
那么需要子组件主动说明传递了属性值，父组件同时也需要主动接收属性值
这样来使用
也可以只接收解构后的数据
动态组件和异步组件
动态组件：结合component来动态显示组件的切换
会是什么样的场景需要用到这个呢？这毕竟属于工程技术，没有实际需要，你不会为了技术而技术造出这么个东西
用动态组件时，你之前输入的内容会没有，如果想要保存，需要用keep-alive标签保存，阻止vue对它进行销毁
异步组件：
调用时，组件的代码就立即执行了，这种叫做同步组件
什么叫做异步组件呢？
这个组件并不是在调用的时候就准备好了，而是你调用了，他才开始运算，准备材料，什么时候准备好还不知道呢
v-once
谁（当然一般是标签加）加了这个属性，页面只会渲染一次，即使数据变了视图也不进行变化了
$refs 渲染之后获取节点，获取组件的引用
特别是在轮播效果的时候，只有在mounted时段才会获取到dom元素
provide 和 inject
怎么层层传值呢，最先想到的应该是力气活，一层一层写呗
vue提供了这种简单的使用，
你本身也需要return
但是provide的并不会实时更新，只是一次性的提供，后面改变了也不会动态更新
以上是关于vue3基础练习的主要内容，如果未能解决你的问题，请参考以下文章