Vue3 值得注意的新特性
2022/2/8 6:15:25
本文主要是介绍Vue3 值得注意的新特性,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Vue3 值得注意的新特性
Vue3 新特性介绍
- 片段
- 组合式 API
- 单文件组件组合式 API 语法糖 (
<script setup>
) - Teleport
- Suspense 实验性
- SFC
<style scoped>
现在可以包含全局规则或只针对插槽内容的规则 - 单文件组件状态驱动的 CSS 变量 (
<style>
中的v-bind
)
片段 Fragment
vue3 允许我们支持多个根节点
<template> <h1>Hello Vue3</h1> <h2>Great</h2> </template>
问题小结:
- Vue2 中书写多个根节点会怎样,如何解决?
全局规则或只针对插槽内容的规则
<style scoped> /* 深度选择器 */ ::v-deep(.foo) {} /* 简写 */ :deep(.foo) {} /* 针对槽内容 */ ::v-slotted(.foo) {} /* 简写 */ :slotted(.foo) {} /* 全局规则 */ ::v-global(.foo) {} /* 简写 */ :global(.foo) {} </style>
这篇关于Vue3 值得注意的新特性的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set