|
- Working with CSS - Vue CLI
Loaders which can be configured via loaderOptions include: css-loader postcss-loader sass-loader less-loader stylus-loader
- HTML and Static Assets - Vue CLI
Result filenames include content hashes so you don’t need to worry about browsers caching their old versions The public directory is provided as an escape hatch, and when you reference it via absolute path, you need to take into account where your app will be deployed
- Vue and Web Components
Vue and Web Components Web Components is an umbrella term for a set of web native APIs that allows developers to create reusable custom elements We consider Vue and Web Components to be primarily complementary technologies Vue has excellent support for both consuming and creating custom elements Whether you are integrating custom elements into an existing Vue application, or using Vue to
- lt;script setup gt; - Vue. js
If the first argument is a literal string, it will be used as the prop name; Otherwise the prop name will default to "modelValue" In both cases, you can also pass an additional object which can include the prop's options and the model ref's value transform options js
- Nested Routes - Vue Router
Omitting parent components 4 1+ We can also take advantage of the parent-child relationship between routes without needing to nest route components This can be useful for grouping together routes with a common path prefix, or when working with more advanced features, such as per-route navigation guards or route meta fields To achieve this, we omit the component and components options from
- Getting Started - Vue Router
If you'd like to see a complete example using Vite, you can use the create-vue scaffolding tool, which has the option to include Vue Router in its example project:
- Vue 3 Migration Guide
Notable New Features Some of the new features to keep an eye on in Vue 3 include: Composition API * SFC Composition API Syntax Sugar (<script setup>) * Teleport Fragments Emits Component Option ** createRenderer API from @vue runtime-core to create custom renderers SFC State-driven CSS Variables (v-bind in <style>) *
- Working with Webpack - Vue CLI
Working with Webpack Simple Configuration The easiest way to tweak the webpack config is providing an object to the configureWebpack option in vue config js:
|
|
|