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