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
Interpretation of Vue cli project structure
The previous article explained how to build the initial environment of Vue project step by step from scratch. When you see the file structure of Vue project for the first time, it is estimated that there will be a sense of strangeness. You don't know what so many files are for. Let's look at it step by step:
Before we start, we should add that ...
Posted by siddscool19 on Mon, 28 Mar 2022 00:44:26 +0300
Imitate element UI to encapsulate vue component library
12, Encapsulated into ui component library
We have encapsulated all the components before. Now we want to package the components into a component library and upload them to github. Because it is a component encapsulation that imitates element UI, it also uses the packaging structure of element UI when publishing.
12.1 catalog adjus ...
Posted by garry on Sun, 27 Mar 2022 23:15:52 +0300
Based on Vue3+Vite+TS, secondary encapsulation of element plus business components is available to me
preface:download: Based on Vue3+Vite+TS, secondary encapsulation of element plus business componentsCopy and download courses: https://www.97yrbl.com/t-979.htmlIntroduction to MVVMMVVM, a better UI mode solutionfrom Script reach Code Blocks,Code Behind reach MVC,MVP,MVVM - popularization of science
MVC
M: Model Data model (specifically used to ...
Posted by crabfinger on Sun, 27 Mar 2022 18:03:22 +0300
07 parameter passing and redirection of Vue
6, Parameter transfer
We often need to map all routes to which a pattern matches to the same component. For example, we have a User component for all ID s
Different users need to use this component to render. At this time, we need to pass the parameters;
1. Using path matching
1) Modify routing configuration index js
{
path:'/user/profil ...
Posted by NFD on Sun, 27 Mar 2022 02:36:58 +0300
A vue tutorial that takes you from beginners to beginners
preface
This article mainly introduces the relevant materials about vue. It is a very complete vue tutorial. This article shows you in the form of theory and example code.
Introduction to vue
What is vue vue is a progressive js framework
What is a progressive framework Less involvement in the project (other frameworks or class librari ...
Posted by Naoa on Sat, 26 Mar 2022 04:08:53 +0300