v-on instruction and its parameter passing and modifier

v-on 1. Foundation Official document link https://cn.vuejs.org/v2/api/#v-on Function: binding event listening. The event type is specified by the parameter. The expression can be the name of a method or an inline statement, and can be omitted if there is no modifier. Expected: Function | Inline Statement | Object Syntax: <di ...

Posted by yellowepi on Fri, 13 May 2022 07:48:51 +0300

Getting Started with Vue - Form Input Binding

Basic usage You can create two-way data bindings on form , and elements using the v-model directive. It automatically picks the correct method to update the element based on the control type. Although somewhat magical, v-model is essentially syntactic sugar. It is responsible for listening to user input events to update data, and does some ...

Posted by davidppppppppppp on Tue, 10 May 2022 19:53:09 +0300

65. Complete the development of qunar.com App home page of Vue project (source: muke.com)

2020 / 10 / 21, Wednesday, today is another day of struggle. @Author: Runsen @Date: 2020/10/21 Write in front: I am "Runsen". I love technology, open source and programming. Technology is open source and knowledge is shared. Turning the big four algorithm to the front end requires the accumulation of every day and refuelin ...

Posted by NeoGeo on Tue, 10 May 2022 12:52:42 +0300

Vue learning 29_ Installation of Devtools in Vue and several core concepts of vuex

Properties of Vue status management When using vue, vue provides us with a browser plug-in Devtools to track the operation of vue, which provides great convenience for us to use vue for development. There are two installation methods: one is to install in the online store of Google browser, click the menu in the upper right corner of the brows ...

Posted by PnHoPob on Tue, 10 May 2022 08:57:30 +0300

Vue route lazy load

Vue route lazy load For SPA single page applications, when they are packaged and built, the JavaScript package will become very large, affecting the page loading speed. The components corresponding to different routes will be divided into different code blocks, and then the corresponding components will be loaded when the routes are accessed. ...

Posted by Bullit on Tue, 10 May 2022 04:01:06 +0300

vue core interview question: vue parent-child component life cycle call sequence

1, Order 1. Load render pass Parent beforecreate - > parent created - > parent beforemount - > child beforecreate - > child created - > child beforemount - > child mounted - > parent mounted 2. Sub component update process Parent BeforeUpdate - > child BeforeUpdate - > child updated - > parent updated 3. Paren ...

Posted by CodeBuddy on Mon, 09 May 2022 23:06:28 +0300

01 . Go Gin+Vue develops an online takeout application

Project introduction We will start to develop an api project using the Gin framework, which we call cloud restaurant. Like hungry, meituan takeout and other life service applications, cloud restaurant is an online takeout application. Users of the application can browse merchants, goods and place orders online. The project is divided into clie ...

Posted by hilltopper06 on Mon, 09 May 2022 15:43:08 +0300

Communication methods in Vue

Communication methods in Vue 1.props/$emit Parent to child (property transfer props) When a parent component transmits data to a child component, it transmits data through attributes: 1. Parent component: use attribute binding to transfer data ==Note: = = son refers to the name of the sub component, for example: This is generally used when ...

Posted by kobmat on Sun, 08 May 2022 22:08:31 +0300

Detailed explanation of Composition API in setup function in vue3

Disadvantages of Options API First, let's talk about the disadvantages of Options API in vue2, and then the advantages of Composition API in vue3 In Vue2, we write components through the Options API: A major feature of the Options API is to write the corresponding function module in the corresponding attribute; For example, data defines data, ...

Posted by rimedey on Fri, 06 May 2022 04:57:02 +0300

Vue express day10 -- background management project

Children's shoes requiring project drawings, private letter and message mailbox umall background management 1. Create project vue init webpack umall 2. Empty work 1. assets empty 2. components empty 3 ,router/index.js delete helloword related import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Route ...

Posted by WakeAngel on Thu, 05 May 2022 08:40:43 +0300