Vue Grammar Advancement

1. Event Action Get Event Object in Vue Common event function, the first form parameter of event handler receives injection of event object by default when called without any parameters, that is, the first parameter of event function is event object <div id='app'> <input @keyup='getKey' type='text'/> </div> ... <script& ...

Added by febrarian on Fri, 12 Nov 2021 18:39:56 +0200

Cross domain request intercepted: the same origin policy prohibits reading remote resources at the interface: Reason: CORS lacks access converter allow origin

Problem record Today, the author once encountered a cross domain problem at the front and back ends. The following small series records the whole process in detail: The environment is: the back end is in the company, the front end is in the remote, and the two people work together to develop After the back-end writes the interface and publ ...

Added by Celadon on Fri, 12 Nov 2021 17:06:04 +0200

Daily learning: scaffold vueCli, arrow function, front-end routing, vue router, dynamic routing and parameter transfer, navigation guard

Scaffold vueCli vueCli facilitates the rapid establishment of vue development environment and corresponding webpack configuration. The pre dependencies are node, npm and webpack. Manual use of webpack requires manual introduction of various loader s and plugin s, and handling the compatibility of versions; // View version node -v,npm -v,web ...

Added by plasmahba on Fri, 12 Nov 2021 06:30:21 +0200

vue configures axios to intercept duplicate requests

Description: intercepting duplicate requests is to prevent the system from getting stuck by initiating multiple requests at one time. For example, when the network speed is slow, users frequently Click to initiate requests. I also read a lot of blogs here to learn how to configure better, and then I don't quite understand how axios cancels prev ...

Added by xtops on Fri, 12 Nov 2021 04:14:27 +0200

Switching and caching of components

SPA pages are made up of multiple components. At this time, there is a problem of switching between components. Vue also puts forward the concept of dynamic components, so that we can better realize the switching effect between components. However, the switching of components in Vue is actually a process of re creation and destruction of compon ...

Added by mlcheatham on Thu, 11 Nov 2021 21:41:47 +0200

Crazy God says Vue notes

        catalogue 1, Front end core analysis 1. VUE overview 2. Front end three elements 3. JavaScript framework 2, First Vue program 1. What is MVVM 2. Why use MVVM 3. Vue is the implementer of MVVM mode   3, Vue basic syntax 1. v-bind           two   v-if and   v-else  3. v-for   four   v-on   ...

Added by Bertholt on Thu, 11 Nov 2021 04:15:37 +0200

Vue component details

1, Component and reuse Attention Hump naming is not supported for tag names representing components. It is recommended to use - separator to separate wordsThe props attribute of the subcomponent does not support hump when receiving data in HTML. It is recommended to use the - separator to separate wordsThe custom event of transmitting d ...

Added by sleepydad on Wed, 10 Nov 2021 09:33:02 +0200

Unified management of axios configuration and api interface in Nuxt.js

This article is based on Nuxt.js version:2.15.8. It is recommended to use the built-in axios of Nuxt.js, nuxtjs / axios( https://axios.nuxtjs.org/) Original link: https://www.aerowang.cn/articles/3lwhaw2l This article records some axios configurations during the development of Nuxt.js project. In addition, it refers to the unified manag ...

Added by hakmir on Tue, 09 Nov 2021 20:22:55 +0200

Deployment of Django and Vue projects on CentOS 7

Server environment: centos7 + nginx + uwsgi + Python 3 + Django Database: MySQL 8.0 Project framework: Django 3.7 + Vue + ElementUI Note: This is a link to someone else's blog. The original link is https://blog.csdn.net/qq_32244493/article/details/109179782. I made some modifications according to my project and recorded my deployment process. ...

Added by naomi385 on Tue, 09 Nov 2021 08:08:09 +0200

Local application vue instruction

Local application vue instruction 1. Content binding, event binding 1-1 v-text set label text value <div id ="app"> //All contents will be replaced <h2 v-text="message"></h2> //The difference expression {}} can replace part of the content <h2>Shenzhen{{message +"!"}}</h2> </div> var app =new Vue({ ​ ...

Added by ranman on Mon, 08 Nov 2021 23:38:38 +0200