[Vue] zero basic learning Vue: Lesson 26 how to get $refs from the label element node in Vue:
ref="Definition label named "
this.$refs.Tag name //Get the corresponding label element
this.$refs //Get all defined tags
First, we use code to simply get a tag:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ref Get node</title>
<!-- ...
Posted by kazer on Fri, 01 Nov 2019 04:13:31 -0700
How to implement anti shake operation with multiple input search boxes in Vue.js page (use the correct posture of debounce)
original text from Naughty kid Published in Bloghome blog
About debounce
Debounce is a very useful function in the lodash library. When implementing dynamic query of search box input, we need to prevent the front end from sending query requests to the back end frequently. At this time, we need to use debounce, which can set a time interval, s ...
Posted by Iokina on Thu, 31 Oct 2019 23:31:24 -0700
List rendering in Vue
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="./vue.js"></script>
<!-- <script src="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev.js"></script> -->
</head>
<body> ...
Posted by remal on Thu, 31 Oct 2019 11:17:54 -0700
(17) playing chicken teaches you Vue.js
vue-router
<a class="list-group-item" v-link="{ path: '/home'}">Home</a>
<a class="list-group-item" v-link="{ path: '/about'}">About</a>
/* Create router */
var router = new VueRouter()
Create component:
<script src="js/vue.js"></script>
<script src="j ...
Posted by jikishlove on Thu, 31 Oct 2019 07:58:48 -0700
(21) playing chicken teaches you Vue.js
Componentization idea:
Reuse of functional modules by component
High execution efficiency
Develop single page complex application
Component state management (vuex)
Mixed use of multi components
vue-router
Code specification
image.png
vue-router
image.png
<template>
<div>
hello info component
</div> ...
Posted by davidjwest on Thu, 31 Oct 2019 03:06:02 -0700
Learn about Vue - [how Vue implements responsive]
Write in the front: This article is a summary of personal daily work and study, which is convenient for later checking and filling in the missing, non authoritative information. Please bring your own thinking.Previous link: Learn about Vue - [how Vue implements responsive (I)].Learn about Vue - [how Vue implements responsive (II)].I've got some ...
Posted by Mchl on Wed, 30 Oct 2019 20:19:09 -0700
Try React for the first time -- a small Demo to realize simple functions
After reading the React document for one day, I have mastered some basic syntax. I can't wait to roll out a Demo. Similar to Notepad, you can add, delete, and mark items. A basic data communication change.
Vue has always been used in the technology stack. When writing Demo, the logic used is also Vue's idea. It is inevitable that many places ha ...
Posted by sprocket on Wed, 30 Oct 2019 19:37:58 -0700
Work on a vue project with me
Next, we will configure the route of the city selection page.
Add city.vue, click on the city, and then jump to the city page
//router.js
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/pages/home/Home'
import City from '@/pages/city/City'
Vue.use(Router)
// Export a set of routing configuration items
export default n ...
Posted by kotun on Wed, 30 Oct 2019 13:52:34 -0700
Element UI $notify custom html and click events
Recently, the company needs to query the background log in a circular way. There is a pop-up prompt for new data. The effect is similar to the $notify style. Then it steps on some pits. Here, it records and helps some friends.
problem
It can pop up, but the customized content cannot customize the e ...
Posted by amar3d on Wed, 30 Oct 2019 12:28:13 -0700
Write your own version of VUEX
Since VUEX can be used, there must be an install method inside, so we need to implement an install method first. When we use it, there is a this.$store attribute on each component, which contains the state, transitions, actions and getters in the state warehouse. Therefore, we need to mount a $store attribute on each component, specifically. As ...
Posted by einamiga on Wed, 30 Oct 2019 11:59:43 -0700