Vue3 component communication

Vue3 component communication 1.props / $emit The parent component passes data to the child component through props, and the child component can communicate to the parent component through $emit. ① Parent component passes value to child component How to obtain the data in the parent component section.vue in the sub component article.vue artic ...

Posted by engkeb0i on Mon, 20 Sep 2021 08:48:12 +0200

Take beginners to Vue3

Tip: after the article is written, the directory can be generated automatically. Please refer to the help document on the right for how to generate it preface Tip: Here you can add the general contents to be recorded in this article: With the continuous development of artificial intelligence, machine learning technology is becoming more ...

Posted by gunabalans on Sat, 11 Sep 2021 00:47:04 +0200

Understand why Vue3 uses Proxy

preface In Vue 3.0, Proxy replaces Object.defineProperty. What is Proxy, what can Proxy do, what is the difference between Object.defineProperty and Proxy in Vue, and why it should be replaced What is Proxy? Proxy objects are used to define custom behaviors of basic operations (such as attribute lookup, assignment, enumeration, function call ...

Posted by astronaut on Sun, 05 Sep 2021 07:53:15 +0200

vue property binding and interaction

vue directive binding properties vue binds attributes by directive v-bind, src/width/height/title, such as v-bind:src='''can be abbreviated as: src=''', the same v-Bind:widthWait a moment, abbreviated as width,:height <script src="https://unpkg.com/vue/dist/vue.js"></script> <body> <div id="box"> <img v-bind:sr ...

Posted by ariliquin on Mon, 20 Jul 2020 18:09:56 +0200

Self cultivation of the whole stack: 002 using @ vue/cli vue.js Environment construction

<h1>Self cultivation of the whole stack: using @ vue/cli vue.js Environment construction</h1> Success, real success, is being willing to do the things that other people are not. Success, real success, is willing to do what others don't want to do. Table of Contents @[TOC] When you read this article, I think you are interested in h ...

Posted by haddydaddy on Mon, 29 Jun 2020 09:27:29 +0200

vue3.0 Source Parsing 1: Data Binding Principles (Up)

Preamble Introduction Beginning with this article, we are officially entering the vue3.0 source code parsing process.Personally, starting with ceateApp is not the best way to learn, so let's start with composition-api responsive principles and work together to learn what dramatic changes vue3.0 brings. The serialized articles are roughly the s ...

Posted by reinmedia on Sat, 27 Jun 2020 19:18:18 +0200

Analysis of new features of Vue 3

It is known that the current stable version of Vue is 2.6.x, and the subsequent version is 2.7.x (part of vue3 content is added). After 18 months of maintenance, except for the security vulnerability update, the rest will not continue to update. Explain that we will embrace the era of vue3.0 in an all-round way Information about the compatibili ...

Posted by white99 on Wed, 24 Jun 2020 05:25:20 +0200

Vue 3.0 - Proxy

This article starts with the official account: qianduansuohua. Welcome. preface On April 17, Yuda announced the official release of Vue 3.0 beta on Weibo. In the article "Vue3 design process" released by Youda, it is mentioned that one of the considerations for refactoring Vue is the support level of JavaScript's new language feature ...

Posted by tolutlou on Wed, 24 Jun 2020 05:18:02 +0200

Try to implement a simple mvvm with Proxy

A brief overview of Proxy and Reflect Proxy can be understood as setting up a layer of "interception" before the target object, through which the external access to the object must first be intercepted, so it provides a mechanism to filter and rewrite the external access. The original mean ...

Posted by deadparrot on Fri, 19 Jun 2020 12:46:44 +0200

How to write Vue next response? Detailed explanation of this article

preface 1. This paper will write a response principle in Vue next from scratch. Due to the difficulty of space and understanding, we will only implement the core api and ignore some boundary function points The APIs to be implemented in this article include track trigger effect reactive watch computed2. Recently, many people asked me about th ...

Posted by sorenchr on Thu, 18 Jun 2020 06:06:20 +0200