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

The usage of vue-axios-plugin, and quickly configure multiple interfaces for the project

In front-end development projects, data interaction with the back-end and requesting back-end data is an essential task. In the current front-end development work, the axios plug-in is usually used to get data from the back-end. Axios is a promise-based HTTP library that can be used in browsers and node.js. There are many advantages of axios, ...

Posted by Rochtus on Wed, 04 May 2022 22:35:20 +0300

Vue component value transfer: a common value transfer method between a child component and a parent component and a sibling component

preface The previous part introduces my understanding of vue componentization and the way that parent components pass values to child components. This part introduces the common ways that child components pass values to parent and brother components catalogue The child component passes values to the parent component Value transfer mode between ...

Posted by werty37 on Wed, 04 May 2022 17:16:00 +0300