# core | Vue | Knowledge Base | Instagit

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

GitHub Stars: 53k

Repository: https://github.com/vuejs/core

---

## Articles

### [Vue Computed Get Set: How to Create Writable Computed Properties in Vue 3](/vuejs/core/vue-computed-get-set-syntax-approach)

Learn how to create writable computed properties in Vue 3 using the object syntax with get and set functions. Master Vue computed get set for dynamic data management.

- Tags: how-to-guide
- Published: 2026-02-21

### [How to Fetch Data on Initial Page Load with Vue 3 CDN Without Creating a Separate Instance](/vuejs/core/vue-3-cdn-efficient-initial-load-fetch)

Efficiently fetch data on initial page load with Vue 3 CDN. Avoid extra instances by using native JavaScript before creating your app and passing data to the root component.

- Tags: how-to-guide
- Published: 2026-02-21

### [Vue watchEffect vs watch: Understanding the Difference in Vue 3 Composition API](/vuejs/core/vue-watcheffect-vs-watch-composition-api)

Discover the difference between Vue watchEffect and watch in Vue 3 Composition API. Learn when to use each for optimal reactivity and performance.

- Tags: deep-dive
- Published: 2026-02-20

### [How to Build a Vue 3 Event Bus Without External Libraries](/vuejs/core/vue-3-event-bus-no-library)

Learn how to build a Vue 3 event bus without external libraries. Discover the recommended approach using Vue's provide and inject APIs for efficient cross-component communication.

- Tags: how-to-guide
- Published: 2026-02-20

### [How to Use Vue Watch to Detect Changes in Nested Data Objects](/vuejs/core/vue-watch-nested-object-changes)

Learn how to use Vue watch to detect changes in nested data objects. Enable the deep option for recursive tracking or specify a numeric depth to limit traversal.

- Tags: how-to-guide
- Published: 2026-02-19

### [How to Verify if a jQuery Checkbox Is Checked Using JavaScript](/vuejs/core/jquery-checkbox-is-checked-how-verify)

Learn how to verify if a jQuery checkbox is checked using JavaScript with .prop('checked') or .is(':checked'). Get real-time DOM state for reliable results.

- Tags: how-to-guide
- Published: 2026-02-19

### [When to Use the Vue Router Link Component Instead of Anchor Tags in Vue.js](/vuejs/core/vue-router-link-vs-a-tag)

Discover when to use Vue Router's `<router-link>` over anchor tags in Vue.js. Leverage client-side routing, state preservation, and navigation guards for seamless internal navigation.

- Tags: best-practices
- Published: 2026-02-18

### [How to Translate Vue 3 setup() Examples to script setup Syntax](/vuejs/core/vue-setup-understanding-examples)

Easily translate Vue 3 setup() examples to script setup syntax. Learn how this compile-time sugar simplifies your code and exposes declarations directly to the template.

- Tags: getting-started
- Published: 2026-02-16

### [How to Use Vue Emit for Sibling Component Communication in Vue 3](/vuejs/core/vue-emit-sibling-communication)

Master Vue emit for sibling component communication in Vue 3. Learn how to use parent components as mediators to pass data and trigger actions between sibling components efficiently.

- Tags: how-to-guide
- Published: 2026-02-16

### [Why You Might Want to Avoid Vue Script Setup in Vue 3 Projects](/vuejs/core/vue-script-setup-drawbacks)

Discover potential drawbacks of Vue script setup in Vue 3. Learn how it can limit organization, break tooling, and complicate debugging in large projects.

- Tags: deep-dive
- Published: 2026-02-16

### [Why Your Vue JS Chrome Extension Is Not Detecting the Local Server App](/vuejs/core/vue-js-chrome-extension-detect-local-app)

Is your Vue JS Chrome extension not detecting your local app? Learn why production builds block DevTools and how to fix it for seamless debugging. Get your Vue development back on track today.

- Tags: how-to-guide
- Published: 2026-02-16

### [How to Use Vue RouterLink Target Attribute for External Websites](/vuejs/core/vue-routerlink-external-link-target)

Learn how to use Vue RouterLink target attribute to open external websites in a new tab. Discover the simple method for external navigation in your Vue.js app.

- Tags: how-to-guide
- Published: 2026-02-16

### [Vue Reactive vs Ref in Vue 3: Key Differences and When to Use Each](/vuejs/core/vue-reactive-vs-ref-differences-use-cases)

Understand the key differences between Vue reactive and ref in Vue 3. Learn when to use each for optimal reactivity and performance in your applications.

- Tags: deep-dive
- Published: 2026-02-16

### [How Vue 3 Computed Properties Work with Ref Objects in `<script setup>`: Mechanisms and Use Cases](/vuejs/core/computed-vue-3-ref-mechanism-use-cases)

Understand how Vue 3 computed properties work with ref objects in script setup. Explore the mechanisms and common use cases for efficient reactive state management.

- Tags: deep-dive
- Published: 2026-02-16

### [Is It Bad Practice to Use a Computed Property Inside Another Computed Property in Vue 3?](/vuejs/core/vue-3-computed-in-computed-bad)

Discover if nesting computed properties in Vue 3 is bad practice. Learn how to compose reactive state effectively and avoid common pitfalls with computed properties.

- Tags: best-practices
- Published: 2026-02-16

### [How to Handle Null Values with Vue's ref Function: Best Practices](/vuejs/core/vue-ref-null-handling)

Learn best practices for handling null values with Vue's ref function. Discover how to type refs and avoid runtime checks for robust Vue applications.

- Tags: best-practices
- Published: 2026-02-16

### [How to Ensure Your Vue Router Link Navigates to the Correct Component](/vuejs/core/vue-router-link-navigate-correctly)

Master Vue Router navigation. Learn to ensure your Vue Router link correctly directs users to the intended component by following these essential setup steps.

- Tags: how-to-guide
- Published: 2026-02-16

### [Vue Methods vs Computed Properties: Core Differences and When to Use Each](/vuejs/core/vue-computed-vs-methods-when-to-use)

Understand the core differences between Vue methods and computed properties. Learn when to use each for efficient state derivation and imperative actions in VueJS development.

- Tags: deep-dive
- Published: 2026-02-16

### [vuedraggable Vue 3 Integration: Common Pitfalls and Best Practices](/vuejs/core/vuedraggable-vue-3-pitfalls-best-practices)

Master vuedraggable Vue 3 integration. Avoid common pitfalls and implement best practices using reactive arrays, unique keys, and v-model:list for seamless drag and drop.

- Tags: best-practices
- Published: 2026-02-16

### [How to Use Vue Emits in Vue 3: Best Practices for Child-to-Parent Communication](/vuejs/core/vue-emits-best-practices-child-parent-communication)

Master Vue emits in Vue 3 for seamless child-to-parent communication. Learn best practices with defineEmits, naming conventions, and runtime validators for error-free development.

- Tags: best-practices
- Published: 2026-02-16

### [Vue Provide Inject Patterns in Vue 3: A Complete Guide to Dependency Injection](/vuejs/core/vue-provide-inject-benefits-vue3)

Master Vue provide inject patterns in Vue 3. Eliminate prop drilling and implement efficient dependency injection for reactive component trees. Learn the complete guide.

- Tags: deep-dive
- Published: 2026-02-16

### [Vue CDN vs Vue CLI: Key Differences for Maintainability and Performance](/vuejs/core/vue-cdn-vs-cli-when-to-use)

Vue CDN or Vue CLI? Discover key differences in maintainability and performance. Learn when to use Vue CDN for prototypes vs. Vue CLI for production apps with optimized builds.

- Tags: tutorial
- Published: 2026-02-16

### [How to Use the watch Function in Vue 3 Setup](/vuejs/core/how-to-use-watch-vue-3-setup)

Learn how to use the watch function in Vue 3 setup. Create reactive effects to track changes and execute callbacks efficiently. Master Vue 3 watchers today.

- Tags: how-to-guide
- Published: 2026-02-13

### [v-model vs modelValue in Vue 3: Understanding the Directive and Prop Relationship](/vuejs/core/difference-vue-v-model-model-value)

Understand the difference between v-model and modelValue in Vue 3. Learn how v-model uses the modelValue prop and update event for seamless two-way data binding in your components.

- Tags: deep-dive
- Published: 2026-02-13