To use optional chaining & nullish coalescing in #vue files today:
- Run
- Set
Useful for many DOM operations. For example,
https://github.com/vuejs/vetur
- Run
yarn add typescript@beta- Set
"vetur.useWorkspaceDependencies": trueUseful for many DOM operations. For example,
querySelector => Element | nulltextContent => string | null | undefinedhttps://github.com/vuejs/vetur
Vue.js stands out from other frameworks for its intuitive reactivity. #vue 3 composition api is going to removing some limitations in Vue 2 and provide a more explicit api.
Vue 3 introduces:
Vue 3 introduces:
reactive(), ref(), and computed(). Author explains why reactive() is bad and other two are good.A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Built with #vue and also fully responsive.
https://github.com/muhammederdem/vue-interactive-paycard
https://github.com/muhammederdem/vue-interactive-paycard
Using TailwindCSS with Vue functional components.
In this article, we identify potential pitfalls when using utility-first #css frameworks and how to avoid them. Most importantly, we find out how to use #vue functional components to create abstractions for repeating patterns like cards and headlines, for example.
https://markus.oberlehner.net/blog/reusable-functional-vue-components-with-tailwind-css/
In this article, we identify potential pitfalls when using utility-first #css frameworks and how to avoid them. Most importantly, we find out how to use #vue functional components to create abstractions for repeating patterns like cards and headlines, for example.
https://markus.oberlehner.net/blog/reusable-functional-vue-components-with-tailwind-css/
markus.oberlehner.net
Reusable Functional Vue.js Components with Tailwind CSS
Learn how to work with utility-first CSS frameworks like Tailwind in Vue.js and how to avoid potential pitfalls.