Start of fresh rabbit project-1

Project start # 01 - create project Objective: to create a Vue 3.0 project using Vue cli. Step 1: open the command line window. Note that the directory will be the directory where you created the project. Step 2: execute the create project command line Step 3: select custom creation Step 4: select the Vue router, vuex and CSS p ...

Added by clang on Thu, 28 Oct 2021 02:48:51 +0300

Getting started with Vue (lifecycle)

1, What is Vue Vue is a [progressive] JavaScript framework for building user interfaces (UIS) Official website: Vue.js vue realizes the separation of front and rear ends Development tool: HBuilderX 2, Differences between libraries and frameworks 2.1 Library is essentially a collection of functions. Each time the function is called, a spec ...

Added by wolfraider on Wed, 27 Oct 2021 20:39:52 +0300

vite+route+less+ts+axios+vuex integration and testing of VUE

1 vite installation The red operation procedure shall prevail The steps described in 1.1 are: npm install -g create-vite-app    // Install global create vite app create-vite-app vue3-vite           // Use the tool create vite app to create a vue3 project named vue3 vite   1. ...

Added by hoolahoops on Wed, 27 Oct 2021 11:48:57 +0300

Configure Vue instances (routing)

The routing in the client is actually the display and hiding of DOM elements. When the home content is displayed in the page, all the contents in about are hidden, and vice versa. There are two ways to implement client-side routing: hash based and html5 history api based. 1, Basic concepts 1.1 route Define each route const indexRoute = { pa ...

Added by slamMan on Wed, 27 Oct 2021 03:58:14 +0300

VUE+antv/x6 implementation drag custom flow chart

Recently, the company needed to make a flow chart. After looking at antv/X6, I felt it was very appropriate, so I studied it for half a month. There is no information on the Internet, and I'm afraid I'll forget. I'll record some events and methods I use, so that I can check them later. 1: The most important thing to implement the flow chart i ...

Added by davanderbilt on Tue, 26 Oct 2021 10:26:52 +0300

Vue learning notes: understand how Vue2 solves the responsive problem of arrays and objects

preface Vue2 monitors data and view changes by using Object... defineProperty to set data getters and setters. For reference types such as arrays and objects, getters and setters cannot detect their internal changes. So is vue2 to solve this problem? Through a simple example to understand how to solve the responsive problem of arrays and o ...

Added by genista on Sun, 24 Oct 2021 15:46:09 +0300

Share with you a cool front-end component library. Don't you need to get up yet?

Fancy components is a cool front-end component library What component library does everyone use in the front end? I just found a nice and cool component library on the front end recently. That's fancy components. It's really "cool". If you don't want to write complex styles, let me take you to understand this component library. 1, ...

Added by may on Sun, 24 Oct 2021 12:22:28 +0300

Vue HR my (day01) = = = login page

1, Style modification The styles to be modified are listed below When we provide the wrong user name and password, the status code of this request is normal (but the success field is false) and there is no network error, so axios will not report an error. As shown below Set the logo on the login form Set the background picture o ...

Added by poring on Sat, 23 Oct 2021 08:06:09 +0300

Brief introduction, principle and simple implementation of vite

vite introduction: vite is a lighter and faster Web tool for modern browsers based on es modules Solve the problems of too long cold start time of devServer and slow response speed of HMR hot update in webpack development stage; 1. Quick cold start (comparison vue-cli): 1. A project created with vite is a common v3 application, which has ...

Added by bfinucan on Fri, 22 Oct 2021 11:07:54 +0300

vue status management

vuex is a software developed specifically for Vue.js applications State management mode. Centralized storage management is adopted to manage the state of all components of the application, and corresponding rules are used to ensure that the state changes in a predictable way. Vue provides a unified management tool - VueX for these values ...

Added by ow-phil on Fri, 22 Oct 2021 10:08:30 +0300