Freaks City

Project Initialization Modern Vue development relies on the official scaffolding tool to bootstrap projects with optimal defaults. Running the initialization command triggers an interactive prompt that configures TypeScript, testing frameworks, router integration, and package managers. npm create vue@latest The generated project structure sepa ...

Vue 3 GuideIntroduction to Vue 3 On September 18, 2020, Vue.js released version 3.0 (https://cn.vuejs.org/guide/introduction.html) Key Changes in Vue 3 Performance Improvements Bundle size reduced by 41% Initial rendering 55% faster, updates 133% faster Memory usage reduced by 54% Source Code Upgrades Uses Proxy instead of defineProperty ...

What Is Application State? Application state is any data that lives only while the program is running—values that may never reach a database or disk but still need to be shared, updated, and kept consistent across screens or components. From Props Drilling to Global Stores The simplest way to move data is through the component tree: Downward f ...

Login Handling with Sestion and JWT Session-based authentication is required to restrict page access to logged-in users only. The Gin framework provides session middleware via github.com/gin-contrib/sessions. import "github.com/gin-contrib/sessions" rootRouter.GET("/login", func(c *gin.Context) { session := sessions.Def ...

1. Routing Configuration1.1 Router Instance SetupInitialize the Vue Router using the createRouter and createWebHistory functions. Define the routing mode and default scroll behavior to reset the position on navigation.import { createRouter, createWebHistory } from 'vue-router' import { staticRoutes } from './routes' const appRouter = createRou ...