1、vue2和vue3区别
1)组合式api (其实就是用函数的方式写vue组件)
2)语法糖 setup ( 组件实例创建时会立即调用一次 )
3)teleport组件( 用来将组件放到指定的dom元素内。 <Teleport>
挂载时,传送的 to
目标必须已经存在于 DOM 中。理想情况下,这应该是整个 Vue 应用 DOM 树外部的一个元素。如果目标元素也是由 Vue 渲染的,你需要确保在挂载 <Teleport>
之前先挂载该元素。)
4)fragments片段 (组件可以有多个根节点)
import { useAttrs } from 'vue'
const attrs = useAttrs()
<template> <header>...</header> <main v-bind="attrs">...</main> <footer>...</footer> </template>
5) >>>
and /deep/
弃用
:deep(.foo) {} //深度选择
:slotted(.foo){} //插槽选择
:global(.foo){} //全局
标签:...,常见问题,元素,组件,挂载,foo From: https://www.cnblogs.com/cuikaitong/p/17183560.html