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 …

When to use the public folder You need a file with a specific name in the build output. You have thousands of images and need to dynamically reference their paths. Some library may be …

Feb 7, 2016 · Direct <script> Include Simply download and include with a script tag. Vue will be registered as a global variable. Don’t use the minified version during development. You will …

Using Axios to Consume APIs Base Example There are many times when building application for the web that you may want to consume and display data from an API. There are several ways …

Include / Exclude By default, <KeepAlive> will cache any component instance inside. We can customize this behavior via the include and exclude props. Both props can be a comma …

The recommended IDE setup is Visual Studio Code + Vue - Official extension. If you use other editors, check out the IDE support section. More tooling details, including integration with …

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:

Referencing Assets All compiled CSS are processed by css-loader, which parses url () and resolves them as module requests. This means you can refer to assets using relative paths …

The Root Component The object we are passing into createApp is in fact a component. Every app requires a "root component" that can contain other components as its children. If you are using …

Standalone Script Vue can be used as a standalone script file - no build step required! If you have a backend framework already rendering most of the HTML, or your frontend logic isn't complex …