"Vue 3.0 Updates" slides from Evan You
Short description: faster, smaller, TSX, Hooks, Time Slicing
https://docs.google.com/presentation/d/1yhPGyhQrJcpJI2ZFvBme3pGKaGNiLi709c37svivv0o/edit
Short description: faster, smaller, TSX, Hooks, Time Slicing
https://docs.google.com/presentation/d/1yhPGyhQrJcpJI2ZFvBme3pGKaGNiLi709c37svivv0o/edit
Google Docs
Vue 3.0 Updates
Vue 3.0 Updates Evan You VueConf TO, Nov. 2018
Article by Gregg Pollack (Vue Mastery) about Evan keynote talk in Toronto:
https://medium.com/vue-mastery/evan-you-previews-vue-js-3-0-ab063dec3547
(Nothing new, just a review of the slides)
https://medium.com/vue-mastery/evan-you-previews-vue-js-3-0-ab063dec3547
(Nothing new, just a review of the slides)
Medium
Evan You Previews Vue.js 3.0 π₯
By taking advantage of new abilities enabled by modern browsers, Vue 3 will be an improved evolution of the Vue.js we already know andβ¦
β οΈPSA (security vulnerability) β οΈ
Please reinstall @vuejs CLI to make sure you don't have the flatmap-stream package installed on your computer.
Original msg by Akryum (Guillaume Chau, vue-cli maintainer) https://twitter.com/Akryum/status/1067357616844808192
Please reinstall @vuejs CLI to make sure you don't have the flatmap-stream package installed on your computer.
yarn global remove @vue/cli
yarn global add @vue/cli
npm uninstall -g @vue/cli
npm install -g @vue/cli
Original msg by Akryum (Guillaume Chau, vue-cli maintainer) https://twitter.com/Akryum/status/1067357616844808192
X (formerly Twitter)
Guillaume Chau (@Akryum) on X
β οΈPSA (security vulnerability) β οΈ: please reinstall @vuejs CLI to make sure you don't have the flatmap-stream package installed on your computer. See: https://t.co/R1KWSeqtlJ
yarn global remove @vue/cli
yarn global add @vue/cli
npm uninstall -g @vue/cliβ¦
yarn global remove @vue/cli
yarn global add @vue/cli
npm uninstall -g @vue/cliβ¦
vuex-class-modules - type-safe class style syntax for vuex modules.
https://github.com/gertqin/vuex-class-modules
https://github.com/gertqin/vuex-class-modules
GitHub
GitHub - gertqin/vuex-class-modules: Typescript class decorators for vuex modules
Typescript class decorators for vuex modules. Contribute to gertqin/vuex-class-modules development by creating an account on GitHub.
Compile string literals to render functions at build time and write components in SFC paradigm
https://github.com/michaelolof/vue-literal-compiler
https://github.com/michaelolof/vue-literal-compiler
GitHub
michaelolof/vue-literal-compiler
A Vue Compiler that allows you compile your string literals to render functions at build time and write components in SFC paradigm - michaelolof/vue-literal-compiler
Using validate.js instead of Vuelidate in Vue.js applications
https://stribny.name/blog/2018/08/using-validate-js-instead-of-vuelidate-in-vue-js-applications
https://stribny.name/blog/2018/08/using-validate-js-instead-of-vuelidate-in-vue-js-applications
Live example new
https://codesandbox.io/s/py28wo18qj
$slot variable for scoped slots (will be available for Vue 2.6+)https://codesandbox.io/s/py28wo18qj
CodeSandbox
New scoped slot syntax in Vue - CodeSandbox
New scoped slot syntax in Vue by c01nd01r
VueJS News
Live example new $slot variable for scoped slots (will be available for Vue 2.6+) https://codesandbox.io/s/py28wo18qj
- Support $slot variable in all slots. (The presence of $slot causes the slot to be compiled as a scoped slot).
- All slots, including normal slots, are now exposed on this.$scopedSlots as functions. This means assuming this.$slots.default exists, this.$scopedSlots.default() will return its value. This allows render function users to always use this.$scopedSlot and no longer worry about whether the slot being passed in is scoped or not. This is also consistent with 3.0 where all slots are exposed as functions (but on this.$slots instead).
- No change to slot-scope usage, no introduction of new directive. We want to make syntax changes minimal and leave potential breakage to 3.0.
https://github.com/vuejs/vue/issues/9180#issuecomment-452848580
- All slots, including normal slots, are now exposed on this.$scopedSlots as functions. This means assuming this.$slots.default exists, this.$scopedSlots.default() will return its value. This allows render function users to always use this.$scopedSlot and no longer worry about whether the slot being passed in is scoped or not. This is also consistent with 3.0 where all slots are exposed as functions (but on this.$slots instead).
- No change to slot-scope usage, no introduction of new directive. We want to make syntax changes minimal and leave potential breakage to 3.0.
https://github.com/vuejs/vue/issues/9180#issuecomment-452848580
GitHub
RFC: Simplify scoped slot usage Β· Issue #9180 Β· vuejs/vue
This is a follow up of #7740 (comment) Rational Problems with current scoped slot usage: Verbose if using Limited to one element/component is using slot-scope directly o...
New discussion for scoped slots syntax.
Base:
Shorthand syntax:
Share your opinion:
https://github.com/vuejs/vue/issues/9306
Base:
<foo slot-props="{ msg }">
{{ msg }}
</foo>Shorthand syntax:
<foo ()="{ msg }">
{{ msg }}
</foo>Share your opinion:
https://github.com/vuejs/vue/issues/9306
GitHub
RFC: New syntax for scoped slots Β· Issue #9306 Β· vuejs/vue
This is an update of #9180 where we attempt to finalize a new syntax proposal for scoped slots (in a backwards compatible way). Rationale When we first introduced scoped slots, it was verbose becau...