[suggested collection] here are all the Vue3 core source codes you want to know
Writing is not easy. Reprinting in any form is prohibited without the permission of the author! If you think the article is good, you are welcome to pay attention, praise and share! Continue to share technical blog, pay attention to WeChat official account. 👉🏻 Front end LeBron
Effect and Reactive
As the core of Vue's responsive princi ...
Posted by maxpup979 on Wed, 26 Jan 2022 02:04:57 +0100
VUE learning notes 3
1. VUE CLI related
1.1 vuecli- introduction and installation of scaffold
Vue cli is an officially released Vue JS project scaffold Vue cli can be used to quickly build Vue development environment and corresponding webpack configuration Vue CLI prerequisites - Node and Webpack
Install node JS: you can download and install it on the ...
Posted by RobbertvanOs on Tue, 25 Jan 2022 03:32:09 +0100
Learn about the transfer of Vue3Day3 Composition api, Teleport, suspend and global api
shallowReactive and shallowRef
shallowReactive: only handle the response of the outermost attribute of the object (shallow response)shallowRef: only the response of basic data type is processed, and the response of object is not processedWhen will it be used?
If there is an object data, the structure is relatively deep, but the change ...
Posted by aaronlzw_21 on Tue, 25 Jan 2022 02:58:39 +0100
Event communication between VUE3 components - this series of tutorials is easy to understand and suitable for novices
1. General
Relevant laws tell us that there will be a certain connection between everything in the world. "The city gate catches fire and affects the fish in the pond" is a good example. Therefore, if we can find these invisible connections as soon as possible, we can solve more problems.
To get back to business, we talked about how ...
Posted by JD-AM on Mon, 24 Jan 2022 20:17:00 +0100
[Vue] parent child component value transfer
This time without the help of webpack. In fact, they are all basic things, but they are also very interesting.
Son to father
1. Use $emit to enable the parent component to listen to the methods bound in the child component through v-on
Click Button to transfer parameters
Sub component code:
let ChildComponent = {
data() {
...
Posted by utherwun on Mon, 24 Jan 2022 19:02:27 +0100
[ten thousand words step by step] package vue project with webpack (basic production environment)
This project is a hands-on project. It uses the new novice guide page created by Vue cli. The project itself does not have particularly complex logic, and Vue learning is not involved here. It will only be completed through gradual decomposition, and the final packaging of the project will be completed by using webpack.
The plugins and loa ...
Posted by jake8 on Mon, 24 Jan 2022 13:23:05 +0100
The twelfth learning week
The main content of this weekly diary is Vue js Including Vue JS and Vue JS template syntax
1, Vue JS start ① Each Vue application needs to be implemented by instantiating Vue.
The syntax format is as follows: var vm = new Vue({ //Options })
example
<html>
<head>
<meta charset="utf-8">
<title>Vue Test example - Roo ...
Posted by fantasticham on Mon, 24 Jan 2022 06:46:35 +0100
VUE learning notes 2
1. slot
1.1 slot - basic use of slot
The slot of the component is also to make our package more scalableIt allows users to decide what is displayed inside the component
The basic use of slots is added in the template label Default value button for slot If there are multiple values, they will be used as replacement elements when compo ...
Posted by juancarlosc on Sun, 23 Jan 2022 14:43:44 +0100
js displays the formatted code and highlights it (code highlighting is implemented in vue)
Implement a simple version of the web editor, without intelligent prompts, and will not automatically highlight labels (manual highlighting is required)
vue is used+ Highlight.js + js-beautify
The effect is shown in the figure below
js implementation code formatting
First, we will use the < pre > < / pre > and < code &g ...
Posted by CrimsonSoul on Sun, 23 Jan 2022 13:44:30 +0100
VUE3.0 series: vue3 What's new for 0
And vue2 0 compared to vue3 What are the highlights of 0:
Serial numbercharacteristicanalysis1PerformanceBetter performance than vue2 0 is 1.3-2 times faster2Tree shaking supportOn demand compilation, lighter volume3Composition APIComposite API, similar to ReactHooks4Better TypeScript supportBetter support for Ts5Custom Renderer APIExposed cus ...
Posted by osti on Sun, 23 Jan 2022 12:54:23 +0100