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