Vue project (general method + axios customization + http request unified management binding + vue.config.js alias configuration)
catalogue
1,vue.config.js alias configuration and use
2. General method global use (custom plug-in)
3. axios customization
4. http request unified management binding
1,vue.config.js alias configuration and use
There is no Vue in the new vue-cli3 project by default config. JS, create a new one in the root directory. By default, the pro ...
Posted by mherr170 on Fri, 01 Apr 2022 22:58:16 +0300
Using vuex and routing guard
catalogue
1. Interface document
2,vuex
2.1 what is vuex?
2.2 why use vuex?
2.3. How to use vuex?
2.4 core concepts
3. Navigation guard (routing guard)
3.1 concept
3.2 global front guard
3.3. Route exclusive guard
1. Interface document
2,vuex
2.1 what is vuex?
Vuex ， is a program designed for ， Vue JS is the stat ...
Posted by bedted on Thu, 31 Mar 2022 18:02:21 +0300
Vue router basic usage
Route, in fact, means to point (the passer-by, the road. The road is the place where people pass through. By, it means to pass through. For example, the only way is the road or place that must be passed), When I click the home button on the page, the content of home will be displayed on the page. If I click the about button on the page, the con ...
Posted by shmick25 on Thu, 31 Mar 2022 11:03:56 +0300
02 vue basic introduction
Getting started with Vue Basics
Interpretation of core Keywords: Framework The official positioning of vue is the front-end framework, because it provides a complete set of solutions for building user interfaces (commonly known as vue):
vue (Core Library)Vue router (routing scheme)vuex (state management scheme)vue component library (a sch ...
Posted by nvee on Thu, 31 Mar 2022 05:15:27 +0300
Vue3.x development documentation
Vue3.x development documentation
1 features
Vue (pronunciation / vju) ː/， Similar to view) is a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from bottom to top. Vue's core library only focuses on view layers, which is not only easy to start, but also easy to i ...
Posted by pjleonhardt on Thu, 31 Mar 2022 03:55:13 +0300
Front end knowledge sharing - Vue3 + Vite + TypeScript foundation project
Vue3 + Vite + TypeScript build foundation project
Write and share what I see and hear
Record the process of building the basic project of vue3 + ts in detail The code does not involve content related to page logic
Click to access the code address of this article
Vue 3 + Vite + Typescript
Project uses Vue 3 + Typescript Record the ...
Posted by freebsd_dude on Thu, 31 Mar 2022 02:49:17 +0300
vue project code specification
vue3.0 project specification
1, Directory structure
├── babel.config.js See the official website for relevant configurations and specifications https://cli.vuejs.org/zh/config/#babel
├── dist Generate packaged files
├── node_modules Installed dependent packages
├── package-lock.json npm Package configuration file and dependent pack ...
Posted by siko on Thu, 31 Mar 2022 01:37:57 +0300
The problems and solutions encountered in the operation of node vue are supplemented one after another
About vue project startup error: cannot find module 'array includes' solution
Find node in project_ Delete the modules file; Re install the required dependencies
node vue, written in ts
ts monitors data change resource, which is what you want to monitor
@Watch('resource')
getC(){
this.getOption()
console.log("resource:" + this.resourc ...
Posted by vadercole on Wed, 30 Mar 2022 10:05:40 +0300
H5 wechat web page development summary (authorization, sharing, map)
H5 wechat web page development summary (web page authorization, JS-SDK sharing, map)
catalog:
Web authorizationshareMap
Reference documents https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
1: Web authorization
Objective: to obtain basic user information and realize business logic through ...
Posted by darga333 on Wed, 30 Mar 2022 01:18:43 +0300
Communication mode between Vue components
props
Parent components can pass data down to child components through props
Static Props
The purpose of value passing is achieved by adding properties to the placeholder of the child component in the parent component
Dynamic Props
In the template, it is necessary to dynamically bind the data of the parent component to the props of the chi ...
Posted by adambedford on Mon, 28 Mar 2022 11:12:44 +0300