One line analysis of Vue source code two way binding principle
I. Preface
Today, let's step by step realize the two-way binding of Vue. First, introduce a picture, this picture source , he wrote this article very well. You can go and have a look. The significance of my article lies in the analysis of source code and some understanding of myself. Please point out ...
Added by venradio on Wed, 15 Jan 2020 05:32:44 +0200
vue for Web picture waterfall streaming + drop-down refresh + pull-up load more
1. Idea analysis and effect diagram
Use vue to achieve a waterfall streaming effect, load network pictures, with drop-down refresh and pull-up load more features.Then, for the realization of these effects, put forward ideas:
Labels are appended to show the effect in turn according to the order in which the data is loaded.
Choose which way t ...
Added by tsiedsma on Mon, 13 Jan 2020 18:43:11 +0200
Using vue to complete the click of mouse to produce the special effect of care
First source code
The background color is not good-looking. If you need to change it, please change the inside one
<template>
<div>
<div id="lovesBgc"></div>
<!-- click biubiubiu Little heart start-->
<div v-for="(item,index) in loves" v-bind:key="index" v-bind: ...
Added by Ramtree on Sun, 12 Jan 2020 16:27:42 +0200
Nuxt.js Learning - Asynchronous Data
[TOC]
1. Asynchronous data
1.1. Official documents:
Nuxt.js extends Vue.js by adding a method called asyncData that allows us to get or process data asynchronously before setting up the data for a component.
asyncData method
The asyncData method is called before each load of the component (page component only).It can be invoked on the server s ...
Added by homchz on Mon, 06 Jan 2020 01:21:33 +0200
is attribute in Vue and data of subcomponent
1, is attribute
According to the HTML specification, elements such as < Table >, < UL >, < ol >, < Select > can only contain specific elements. When the template tag uses restrictive elements, there will be a bug in rendering. As shown in the following example:
<div id="root">
<tab ...
Added by CaptainChainsaw on Thu, 02 Jan 2020 14:40:50 +0200
Value transfer of components in vue
Pass value from parent component to child component
This is the first code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery-3.3.1.min.js" ...
Added by Hellomonkey on Wed, 01 Jan 2020 17:53:46 +0200
uni-app: How do I implement incremental updates?
As you know, many APPs have incremental updates. Uni APP also introduced incremental updates at the beginning of this year. Today we will learn about them.
Of course, many app markets, especially apple, reject incremental updates in order to prevent developers from providing illegal content to users without market review and approval.So with in ...
Added by gm04030276 on Thu, 26 Dec 2019 05:49:49 +0200
Getting started with Vue.js: making a minimalist to do application from scratch
Writing time: December 10, 2019Version information: Vue.js 2.6.10Official documents: https://cn.vuejs.org/
Preface
One of the best ways to learn about Vue is "check out Vue.js's Official documents Take a look at the "basic" part. It's better to eat with this article.
Before you start writing code, first go BootCDN Find the link ...
Added by pandu345 on Wed, 25 Dec 2019 11:49:21 +0200
The scale of double vertical axis of echart chart in Vue is uneven
We usually use dynamic data. ecarts will "friendly" segment the vertical axis for analysis when processing these data. However, it is easy to cause trouble in multi vertical axis. Because of the large difference between the two data, it is not easy to see the number of vertical axis segments. Even if split num is set, ...
Added by David4321 on Mon, 23 Dec 2019 19:19:23 +0200
Analysis of Vue principle: thoroughly understand the generation process from virtual Dom to real Dom
Previous: Analysis of Vue principle (4): do you know how to generate virtual Dom?
After another tree structured JavaScript object, what we need to do now is to form a mapping relationship between this tree and the real Dom tree. First, we briefly review the previous mountComponent methods:
export function mountComponent(vm, el) {
vm.$el = e ...
Added by EXiT on Mon, 23 Dec 2019 12:23:54 +0200