Skip to content

Commit 84f75d5

Browse files
committed
add note about features backported in 2.7
1 parent 63a6031 commit 84f75d5

File tree

1 file changed

+13
-4
lines changed

1 file changed

+13
-4
lines changed

src/index.md

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -83,20 +83,29 @@ This guide is primarily for users with prior Vue 2 experience who want to learn
8383
</div>
8484
<!-- VueMastery End -->
8585

86+
<style>
87+
.note {
88+
color: #476582;
89+
}
90+
</style>
91+
8692
## Notable New Features
8793

8894
Some of the new features to keep an eye on in Vue 3 include:
8995

90-
- [Composition API](https://vuejs.org/guide/extras/composition-api-faq.html)
91-
- [SFC Composition API Syntax Sugar (`<script setup>`)](https://vuejs.org/api/sfc-script-setup.html)
96+
- [Composition API](https://vuejs.org/guide/extras/composition-api-faq.html)<span class="note">\*</span>
97+
- [SFC Composition API Syntax Sugar (`<script setup>`)](https://vuejs.org/api/sfc-script-setup.html)<span class="note">\*</span>
9298
- [Teleport](https://vuejs.org/guide/built-ins/teleport.html)
9399
- [Fragments](/new/fragments.html)
94-
- [Emits Component Option](https://vuejs.org/api/options-state.html#emits)
100+
- [Emits Component Option](https://vuejs.org/api/options-state.html#emits)<span class="note">\*\*</span>
95101
- [`createRenderer` API from `@vue/runtime-core`](https://vuejs.org/api/custom-renderer.html) to create custom renderers
96-
- [SFC State-driven CSS Variables (`v-bind` in `<style>`)](https://vuejs.org/api/sfc-css-features.html#v-bind-in-css)
102+
- [SFC State-driven CSS Variables (`v-bind` in `<style>`)](https://vuejs.org/api/sfc-css-features.html#v-bind-in-css)<span class="note">\*</span>
97103
- [SFC `<style scoped>` can now include global rules or rules that target only slotted content](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-styles-changes.md)
98104
- [Suspense](https://vuejs.org/guide/built-ins/suspense.html) <sup class="warning">experimental</sup>
99105

106+
<sub class="note"><b>\*</b> Now also supported in <a href="https://blog.vuejs.org/posts/vue-2-7-naruto.html" target="_blank">Vue 2.7</a></sub><br>
107+
<sub class="note"><b>\*\*</b> Supported in Vue 2.7, but only for type inference</sub>
108+
100109
## Breaking Changes
101110

102111
Breaking changes between Vue 2 and Vue 3 are listed [here](/breaking-changes/).

0 commit comments

Comments
 (0)