What is the dynamic variable injection mentioned in Vue's ecological progress?
Author: Fernando Doglio Translator: front end Xiaozhi Source: medium
There are dreams and dry goods. Wechat search [Daqian world] pays attention to this dish 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, mat ...
Added by xatter on Mon, 31 Jan 2022 09:07:03 +0200
Using vuex+mixin to optimize the access scheme of data dictionary
1. Problem description
In Vue or React projects, we often encounter problems such as the data dictionary of the drop-down box. The data dictionary is obtained when the page is created, and then parsed and displayed. When different pages use the same data dictionary or the page is opened repeatedly, they will send the same request many times, w ...
Added by rach123 on Mon, 31 Jan 2022 07:09:46 +0200
Usage Summary of watch in vue
Vue provides a more general way to observe and respond to data changes on Vue instances: listening properties.
1. General usage
<template>
<div>
<input v-model="question">
<span>{{ copyQuestion }}</span>
</div>
</template>
<script>
export default {
data() {
r ...
Added by ErcFrtz on Mon, 31 Jan 2022 07:04:35 +0200
The front end of Xiaogao's not very good -- Vue
The front end of Xiaogao's not quite walking – Vue
preface
In this chapter, we will learn Vue's template syntax, Vue's conditional statements, and Vue's circular statements. What you need to know before reading this tutorial:
HTML CSS JavaScript
This tutorial mainly introduces vue3 Use of version X.
1, Vue templ ...
Added by DavidGS on Sun, 30 Jan 2022 22:06:51 +0200
Dark horse headline project - day8 - search module - pull-up function, history, Lenovo search
History function
Objective: to realize the function of searching history
Initialize history data
data () {
return {
// Search keywords
q: '',
// Historical keywords
history: JSON.parse(localStorage.getItem('keywords') || '[]')
}
},
The history is displayed only when there is data
<div class= ...
Added by bufhal on Sun, 30 Jan 2022 03:23:57 +0200
Life cycle of vue
Life cycle of vue
The process of vue instance from creation to destruction is the life cycle. vue each component is independent, and each component has its own life cycle. Life cycle makes it easier for us to form better logic when controlling the whole vue. It can be divided into three stages: Mount stage, update stage and destroy stage.
...
Added by shawnplr on Sat, 29 Jan 2022 15:51:04 +0200
vue3 data response principle Proxy -- Ruan Yifeng
1. General
Proxy is used to modify the default behavior of some operations, which is equivalent to making modifications at the language level. Therefore, it belongs to a kind of "meta programming", that is, programming the programming language.
Proxy can be understood as setting up a layer of "interception" before the targ ...
Added by terryl on Sat, 29 Jan 2022 08:26:48 +0200
Vue.js learning notes
https://www.bilibili.com/video/BV1SE411H7CY
Review of some js contents
Array related methods
length gets the number of elementspush add aftershift removes the element on the leftsplice(index,num) deletes elements. Where does index start to delete elements? num is how many elements are deleted
Use js to select elements and bind click events ...
Added by Jeroen Oosterlaar on Sat, 29 Jan 2022 08:03:05 +0200
Configuration management of Spring Cloud Kubernetes (with code implementation)
All along, people who play springcloud are basically playing springboot1 x. Many related components of spring cloud (Dalston version) are used for configuration center, service registration and discovery. The gateway uses LB made by Netflix for springboot, etc., but these things are too heavy and complex. In a k8s based iaas service system, it ...
Added by Zwiter on Sat, 29 Jan 2022 06:15:36 +0200
[Vue source code learning] dependency collection
Previously, we learned the responsive principle of Vue, and we know that the underlying layer of vue2 is through object Defineproperty to realize data responsive, but this alone is not enough. The data defined in data may not be used for template rendering. Modifying these data will also start setter and lead to re rendering. Therefore, Vue has ...
Added by jossejf on Sat, 29 Jan 2022 05:10:14 +0200