Vue basic operation learning record
Vue basic operation learning record
#: id selector . : calss selector
Basic steps for Vue introduction
1. Import the development version of Vue js 2. Create a Vue instance object and set the el attribute and data attribute 3. Use template syntax to render data to the page
el: mount point
vue instance scope: the element hit by the el optio ...
Posted by jwer78 on Thu, 23 Dec 2021 03:25:00 +0100
13 JavaScript one-line programs that make you look like an expert
Author: shade Translator: front end Xiaozhi Source: medium
There are dreams and dry goods. Wechat search [Daqian world] pays attention to this bowl washing wisdom who is still washing dishes in the early morning.
This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materials and ...
Posted by phpretard on Thu, 23 Dec 2021 01:40:01 +0100
Principle and implementation of Vue router
1, Vue router needs to realize the following functions:
1. vue plug-in:
vue plug-in will call vue The use () method receives a parameter. If the passed parameter is a function, call the function directly; If it is an object, the install method of the object is called. And pass in the vue instance
2. Instance objects router and route
Whe ...
Posted by wolfrat on Wed, 22 Dec 2021 09:12:33 +0100
vue-cli 3.x develop plug-ins, publish them to npm and use them
1. Create default project
2. Modify directory
First, you need to create a packages directory to store components Then change the src directory to examples as an example When starting a project, the default entry file is Src / main js After changing the src directory to examples, you need to reconfigure the entry file Create a Vue in the ro ...
Posted by jaxdevil on Tue, 21 Dec 2021 16:48:11 +0100
Vue component element UI form verification - bottom verification - user defined inspection rules
User login form - data bidirectional binding
<template>
<div class="form-container">
<el-form label-width="80px">
<el-form-item label="cell-phone number">
<el-input v-model="form.mobile"></el-input>
</el-form-item>
<el-form-item label="password">
<el-inp ...
Posted by phpsharma on Tue, 21 Dec 2021 14:49:51 +0100
Using Docker to deploy the front-end project practical tutorial, I've stepped on all the pits that should be stepped on for you!
Everyone's first half of life is constantly adding. But in the second half of life, we have to learn to subtract constantly.
catalogue
Front work
1. Things to prepare
2. Connect to ECS
Install Docker environment
1. Install the dependent libraries of Docker.
2. Add the software source information of Docker CE.
3. Install Docker CE.
4. ...
Posted by bonzie on Tue, 21 Dec 2021 04:11:45 +0100
Vue+SpringBoot to upload user avatars (with front-end source code)
1, Background
The background system generally has a module for users' personal information (see the figure below). In order to enhance users' experience, the system will open the function of custom avatar, so that users can upload custom images to replace the default system avatar. This paper will be implemented through Vue+SpringBoot.
2 ...
Posted by sh0tgun on Tue, 21 Dec 2021 01:25:17 +0100
Some pits (deep and shallow copies) of vue parent-child component value transfer
Reprinted in this article: https://www.yht7.com/news/116487
1. Problem description
The parent component passes the value to the child component. After the child component changes the passed value, the value of the parent component will also change. This problem is relatively unpopular. Usually, if the component communication is relatively sim ...
Posted by Daleeburg on Mon, 20 Dec 2021 14:26:17 +0100
Electron incremental update
Since writing the electron series, many students have asked some questions, mainly for the incremental update of electron. I wrote it before Incremental update (II) However, the Windows mode requires the administrator permission package, which is not very elegant. Moreover, if you want to drag the function, due to the permission problem, the dr ...
Posted by tjmbc on Mon, 20 Dec 2021 09:32:26 +0100
[suggestions collection] 25 + regular interview questions are analyzed in detail, so that you can easily pass the regular interview and write 2000 lines of code less
preface
Digital thousandth division, 3-3-4 format splicing of mobile phone number, implementation of trim function, HTML escape, obtaining url query parameters... Do you often encounter them in interviews and work? Let's see how to catch them all with regular!!!
1. Division of thousands of digital prices
Change 123456789 to 123456789
I ...
Posted by baranwalpk on Mon, 20 Dec 2021 05:18:56 +0100