Programmer Think

Vue.js - Day4 Parent component passes value to child component For the component instance definition method, note: the props attribute must be used to define the data passed by the parent component <script> // Create Vue instance and get ViewModel var vm = new Vue({ el: '#app', data: { msg: 'This is the ...

01 - server rendering technology 02-Nuxt. Introduction to JS 1, Installation and operation Online installation method: Reference: https://zh.nuxtjs.org/docs/2.x/get-started/installation We can directly unzip nuxt app zip 2, Page, navigation and routing 1. Page Create the pages directory, and create the index in the pages directory vue ...

computed: calculated attribute, which is generally used when a variable depends on the change of multiple variables or needs some processing. The value is responsiveThe data is cached Calculation attribute: cache based on their response type. It will be re evaluated only when the related response type dependency changes. The following i ...

Graphical analysis of Vue3 diff algorithmHello, I'm jiandarui. This article mainly analyzes Vue3 diff algorithm. Through this article, you can know:diff's main process, core logicHow does diff reuse, move and unload nodesAnd there is an example, which can be analyzed in combination with this paperIf you don't particularly understand the patch p ...

preface During the development of Vue project, sometimes we need the parent component to directly access the child component, the child component to directly access the parent component, or the child component to access the root component. Sort out the following request methods: Parent component accesses child component: $children or $refsChi ...

Vue summary Is a progressive JavaScript framework for building user interfaces. Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on view layers to facilitate integration with third-party libraries or existing projects. Soc separation of concerns principle UI framework Ant design, produced by ...

Before we begin to understand how to standardize the use of icon in Vue projects, we need to understand some of the most basic knowledge points of icon - sprite technology. Sprite Technology Currently, SVG sprite's best practice is to use the symbol element. What is the symbol element? In simple translation, it means "symbol". Howev ...

Vue3 study notes setup = data + methods + computeds Report component: transfer its internal content to the target element Suspend component: load asynchronous component createApp(): create a new instance Do not use the arrow function on the option property or callback, because it does not have this, resulting in an error v-once: when the ...

Scroll loading instructions, with source code and use cases, can be used directly. Background: Rolling paging is required in the project, but it will be triggered when rendering with v-infinite-scroll, so you can implement the rolling loading instruction instead prerequisite: jquery.js: jQuery is used to calculate the element height, w ...

1. General Caterpillar effect: In one experiment, many caterpillars were placed on the edge of a flowerpot to make them connect head to tail and form a circle. Then sprinkled some caterpillar food near the flowerpot. At this time, caterpillars do not climb in the direction of food, but circle one by one at the edge of the flowerpot until they d ...