How to use vue-cli scaffolding to quickly deploy engineering projects Reason why engineering is needed: Modular development: Engineering allows developers to divide the entire project into small modules, each focusing on specific functions. This modular development makes code easier to organize, maintain, and reuse. Automated construction: Engineering tools can automatically perform tasks such as code […]
Tag: vue
Vue CLI scaffolding installation, construction, configuration and CLI project analysis
Table of Contents 1. Quick Start with CLI 1. Official introduction: 2. Install Vue CLI: 3. Build Vue CLI: 4.IDEA configures Vue CLI: 2. Vue CLI project analysis 1. Structural analysis: 1.1 config 1.2 node_modules 1.3 src 1.4 static 2. Process analysis: 2.1 main.js 2.2 router/index.js 2.3 components/HelloWorld.vue 2.4 App.vue 2.5 index.html 1. Quick Start […]
Vue3 encapsulates custom instructions and hooks, and publishes npm packages
Requirements: Encapsulate a function that requires monitoring the width and height changes of the DOM, and supports both custom instructions and hooks. Step 1: Create the project folder v-resize-xm 1. Create the src folder in the v-resize-xm folder Execute the pnpm init command to generate a package.json file 2. Install ts sudo npm install -g […]
Starting from single testing, improve the underlying API effect function in the Vue3 source code
Based on the effect method implemented in the previous article, based on the single test in the Vue3 source code, three functions of this method are improved, namely: runner: effect can return a self-executing parameter runner function scheduler: effect supports adding the scheduler function in the second parameter option stop: effect Adds stop function runner […]
[vue+amap] Gaode map draws polygonal area
Reference documentation: Amap Reference Manual Amap sample code 1. Create an application in the Amap console and obtain permission ak Gaode map console Ps. In this project, basic controls such as buttons use the element-ui version control. 2. Global introduction within the project Introduce the Amap code into index.html: <script type=”text/javascript”> window._AMapSecurityConfig = {<!– –> […]
vue implements printing function (can print multiple pages)
When we use the vue-print-nb” plug-in, we find that we can only print one page, which is very uncomfortable. Now we have encapsulated a tool class that can print multiple pages, which is simple and convenient. Not much to say, Go directly to the code. Introduce the tool class first 1. Create the print.js file […]
Using JsSIP for audio and video calls in Vue
JsSIP official website address: https://jssip.net/download/ Download the JsSIP plug-in: npm install jssip; Introduced into the project: import JsSIP from “jssip”; Initialize SIP let currentSession; let userAgent; let peer; var msg_log = null; sip_init () {<!– –> let _this = this; msg_log = {<!– –> el: document.querySelector(“.message”), log(msg) {<!– –> console.log(“msg”, msg); this.titleText = msg; this.el.innerHTML […]
The H5 page based on vue 2.0 uses H5’s own positioning, Amap positioning, search for surrounding merchants, coverage markers, and positioning to the current city.
Use Gaode map positioning, search for surrounding merchants, and cover markers in the Vue-based H5 page First install the Amap plug-in npm i @amap/amap-jsapi-loader –save Map hosting container <template> <div id=”container”></div> </template> Map container style <style scoped> #container{<!– –> padding:0px; margin: 0px; width: 100%; height: 800px; } </style> Introduce JS API Loader, initialize the map, […]
vue2 upgrade vue3
long long ago I made a component library related to Vue low-code tools. Due to the needs of the new business system, I wanted to apply this to the new business system. I started to connect to ing with joy, and suddenly found… the new business system is Vue3… The old component library uses vue2 […]
vue3 + springboot3 large file breakpoint resume upload
Preface: 1. Requirements: Files above 10MB support breakpoint resumption and require a real-time progress bar. 2. There are currently two ways to implement breakpoint resumption on the Internet. The main difference is whether the action of cutting files is on the front end or the back end. (This article implements cutting files on the front […]