Rander in Vue (rendering functions & JSX)
I believe that everyone has seen or used the lander in code more or less. If you are still confused about it, get on the bus! I'll take you to the plate today.
@[toc]
I. Rander's profile
Render function is a new function of Vue2.x, which is mainly used to improve the performance of nodes. It is based on JavaScript calculation. Use the render ...
Added by jimmyo on Mon, 18 Nov 2019 10:13:24 +0200
Native css, js and vue to realize picture waterfall flow
Two ways to realize picture waterfall flow
1.css implementation
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>pure css Realize picture waterfall flow</title>
<style>
.waterfall_container{
column-count: 3;
column-gap: ...
Added by Domcsore on Wed, 13 Nov 2019 19:03:20 +0200
mixins easy to use
Mixins are a very flexible way to distribute reusable functions in Vue components. A blend object can contain any component option. When a component uses a mixed object, all the options of the mixed object are mixed into the options of the component itself.
Here I use a small demo to implement the function:
Directory structure:
...
Added by jossejf on Mon, 11 Nov 2019 22:41:38 +0200
Summary of tinymce rich text component
When using tinymce for the first time in the project, I encountered a big push problem. I felt that this component was too large and cumbersome, especially the slow response of the website. I couldn't respond in half a day, and I couldn't find many classes with APIs. Now I feel it's difficult to control it. Here is the sorting of the APIs used ...
Added by noisyscanner on Fri, 08 Nov 2019 20:43:23 +0200
vue does not use window to refresh the current page
In the vue project, we need to refresh the page many times, for example, after the local user information is updated, or when we need to reload the data of the current page, using the window.location.reload() or window.history.go(0) method is to refresh the whole window. Like the h5 shortcut key, there will be a short blank, and th ...
Added by fuii_koh on Thu, 07 Nov 2019 22:09:51 +0200
express builds a pure background, and the foreground uses Vue cli scaffold
Note: after the background service changes, you need to restart the service; after the front-end configuration file changes, you need to run the command npm run dev againI. use express to provide background service and output interfaceBackground directory structure:
main.js
var express = require('express');
var app = express();
app.get('/', fu ...
Added by jackiw on Thu, 07 Nov 2019 04:15:43 +0200
When using Baidu's face recognition, there are several points to pay attention to (mainly some errors)
The premise is to call Baidu face recognition interface under the vue framework
vue project, unable to get this in the reader.onload function, unable to transfer the value to the global
Solution: if you encounter this problem, use let that = this to record this in the outer layer of reader.onload function, so that you can get this by using that ...
Added by scraff on Mon, 04 Nov 2019 17:32:27 +0200
Heaven and earth move! React can also use the computed attribute
Foreword, about calculation properties
The first time I saw the word calculation property was in the official Vue document Calculation properties and listeners In the section, the article describes the calculation attributes as follows:
Expressions in templates are very convenient, but they are designed for simple operations. Putting too m ...
Added by Lisa23 on Mon, 04 Nov 2019 03:55:45 +0200
Introduction to Vue VIII. Communication between non parent and child components
Implementation of non parent-child component communication through Bus mechanism1. Create an empty instance (Bus central event Bus can also be called intermediate component)2. Use $emit $on to trigger and listen to events to realize the communication between non parent and child componentsBefore using this.$bus.$on to transfer values between c ...
Added by jack_ on Mon, 04 Nov 2019 02:09:55 +0200
Vue.js source code analysis instructions v-for instructions
We can use the v-for instruction to render a list based on an array. There are five ways to use it, as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
&l ...
Added by Randy Jackson on Sun, 03 Nov 2019 05:40:19 +0200