Article Introduction：About one year ago we finally migrated from Vue 2 to Vue 3. It was 6 months before its official end of life. At the time, our app has around 100 pages and 300 components, and used some of the classic dependencies tied to Vue: Vue-router, Pinia (and P

2024-11-13 comment 0  562

Article Introduction：TosetupanewVueproject,useeitherVueCLIorVite,withVitebeingtherecommendedchoiceformostnewprojectsduetoitsspeedandmoderntooling.2.ForVueCLI,installitgloballyusingnpminstall-g@vue/cli,createaprojectwithvuecreatemy-vue-app,selectdesiredfeatureslikeVue3,Ro

2025-08-02 comment 0  718

Article Introduction：You can query the Vue version by using Vue Devtools to view the Vue tab in the browser's console. Use npm to run the "npm list -g vue" command. Find the Vue item in the "dependencies" object of the package.json file. For Vue CLI projects, run the "vue --version" command. Check the version information in the <script> tag in the HTML file that refers to the Vue file.

2025-04-07 comment 0  878

Article Introduction：Looking to share code between your Vue components? If you're familiar with Vue 2, you've probably used a mixin for this purpose. But the new Composition API,

2025-04-07 comment 0  1030

Article Introduction：How to configure VSCode to write Vue: Install the Vue CLI and VSCode Vue plug-in. Create a Vue project. Set syntax highlighting, linting, automatic formatting, and code snippets. Install ESLint and Prettier to enhance code quality. Integrated Git (optional). After the configuration is complete, VSCode is ready for Vue development.

2025-04-16 comment 0  861

Article Introduction：Use the Vue constructor to create a Vue instance, which is a function that receives an option object and returns an instance. How to use: Import the Vue module. Creates an option object that contains component options. Instantiate the Vue constructor using the new keyword. With this method, we can create Vue instances with specific data and templates and provide properties and methods for interaction and management.

2025-04-08 comment 0  689

Article Introduction：VueCLIcanstillbeinstalledforlegacyprojectsusingnpminstall-g@vue/cli,butitisdeprecatedasof2023.1.EnsureNode.js(v14 )andnpmareinstalledbyrunningnode--versionandnpm--version.2.InstallVueCLIgloballywithnpminstall-g@vue/cli.3.Verifytheinstallationusingvue

2025-07-30 comment 0  1054

Article Introduction：ToupgradefromVue2toVue3,firstensurealldependenciesarecompatiblewithVue3bycheckingforupdatedversionsoralternatives,especiallyVuex4andVueRouter4.1.UsetheVue3compatibilitybuild(vue-compat)ifneededtoallowgradualmigrationwhileretainingVue2featurestemporar

2025-07-25 comment 0  254

Article Introduction：Vue 3 enhances performance over Vue 2 with faster rendering, an improved reactivity system, smaller bundle sizes, and optimized compilation, leading to more efficient applications.

2025-03-27 comment 0  815

Article Introduction：This tutorial provides a foundational understanding of Vue.js, applicable to both Vue 3 (used in this example) and earlier versions. We'll cover key aspects of building a Vue application, including: Creating a Vue application using the Vue CLI. Ren

2025-02-10 comment 0  474

Article Introduction：Yes, Vue supports JSX, but requires additional configuration. 1. For Vite projects, install @vitejs/plugin-vue-jsx and add vueJsx() plugin in vite.config.js; 2. For VueCLI projects, install @vue/babel-preset-jsx and add presets in babel.config.js; 3. Use defineComponent and setup functions to return JSX content, pay attention to using class and onClick and other Vue conventions; 4. In the .vue file, you can call JSX rendering functions through h function or component is binding; 5. Use TypeScript

2025-07-31 comment 0  655

Article Introduction：Three months ago, I switched jobs and transitioned from working on a React/Next.js frontend to a Vue 3 frontend. While this isn't my first time using Vue 3, it is the first time I decided to properly learn it. So, I subscribed to @vueschool_io and s

2025-01-15 comment 0  1214

Article Introduction：This article addresses the "Mutating props vue-warn" error encountered in a "Vue, Laravel, and AJAX" lesson. It explains the root cause and provides a step-by-step solution involving creating a local data field and using it to mod

2024-10-24 comment 0  1002

Article Introduction：Vue 3's reactivity system uses ES6 Proxies for better tracking and performance over Vue 2's Object.defineProperty, introducing reactive and ref APIs for more explicit state management.

2025-03-26 comment 0  741

Article Introduction：Yes, Vue can interact with WebComponents and can export Vue components as custom elements. 1. Vue treats WebComponents as regular HTML elements and can be used directly in templates without special processing; 2. Use the defineCustomElement method to compile Vue components into independent custom elements, which is convenient for reuse across frameworks or non-Vue projects; 3. By default, only supports passing original data types through attributes, complex data needs to be serialized or used JavaScript attributes; 4. Styles need to be processed separately, Vue is not compiled to ShadowDOM by default; 5. When using them, pay attention to event naming, construction tool configuration and data delivery.

2025-06-18 comment 0  355

Article Introduction：Running a Vue project in VSCode requires the following steps: 1. Install the Vue CLI; 2. Create a Vue project; 3. Switch to the project directory; 4. Install project dependencies; 5. Run the development server; 6. Open the browser to visit http://localhost:8080.

2025-04-16 comment 0  1129

Article Introduction：The article discusses the .sync modifier in Vue 2 for two-way data binding and its replacement in Vue 3 with v-model. It explains the benefits of .sync and how its removal affects prop handling in Vue 3.Word count: 159

2025-03-26 comment 0  633

Article Introduction：Vue mounts attach Vue components to DOM elements, allowing them to interact with the DOM and respond to users. There are two ways to mount Vue: manual mount and declarative mount. The mount process includes rendering the virtual DOM, comparing the DOM and applying updates, and initializing the life cycle hook. This enables Vue components to manipulate the DOM, update views, and respond to user interactions, which are key steps in creating an interactive web application.

2025-04-08 comment 0  1105

Article Introduction：This article discusses the error "vue.js:2574 [Vue warn] Avoid mutating a prop directly..." in Vue.js development, which occurs when attempting to modify a property (prop) in the component's created() method. To resolve this, Vue proposes u

2024-10-23 comment 0  812

Article Introduction：TosetupVueSSRcorrectly,useVue3with@vue/server-rendererbyinstallingvue,@vue/server-renderer,andexpress.2.Createasharedappinstanceviaafactoryfunctioninsrc/app.jsthatreturnsanewappusingcreateSSRApptopreventstatepollution.3.SetupanExpressserverinserver.j

2025-08-08 comment 0  589