Nuxt. The use of JS
5. View
5.1 default template (understand)
To customize the default html template, you only need to create an app under the application root directory html file. Default template: <!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
{{ HEAD }}
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
...
Posted by velanzia on Wed, 15 Dec 2021 13:45:26 +0100
Vue2.0 Vue component is not a single file component VueComponent constructor
Compared with the components in Vue, it has a deeper understanding, and there is less pressure when you want source code analysis in the later stage; Then you have to learn VueComponent
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=ed ...
Posted by killian_walsh@hotmail.com on Tue, 14 Dec 2021 09:50:23 +0100
Reverse operation, I let vue/reactivity support non Proxy environment
backgroundAs we all know, vue3 rewrites the responsive code, uses Proxy to hijack data operations, and separates a separate library @ vue/reactivity, which is not limited to Vue. It can be used in any js codeHowever, because Proxy is used, Proxy cannot be compatible with polyfill, which makes it impossible to use in environments that do not sup ...
Posted by jrinco11 on Tue, 14 Dec 2021 07:29:20 +0100
tab summary of ceiling problems
preface
Recently, I have encountered the problem of tab ceiling several times due to the tasks I handle. In fact, it is not difficult to implement tab ceiling, but tab ceiling often appears together with tab switching. I'm good at cooking and have a bad memory, so record it, hahaha!
1, Implementation of tab ceiling
tab ceiling can be realize ...
Posted by virtualdevl on Tue, 14 Dec 2021 04:48:20 +0100
Vue e e-commerce background management system project part 5 - addition, deletion, modification and query of role list & & role authorization
Addition, deletion, modification and query of role list
1. Add role
First, write the interface according to the API document;
// Add role
export const addRolesApi = (data) => {
return axios({
method: 'post',
url: 'roles',
data
})
}
Reference in the role component, and then bind a click event addRolesClick to the "add ...
Posted by phpMitch on Mon, 13 Dec 2021 03:42:22 +0100
Object.defineProperty data broker
If you want to understand data broker, you need to understand a method. This method is on Object. The name of the method is defineproperty(). It is used in many places (such as data hijacking in vue, data broker, and the bottom layer of computing properties)
Define; Property property; So this defineproperty method is used to add properties (or ...
Posted by The Jackel on Sat, 11 Dec 2021 06:37:44 +0100
Using vuex in vue3
Vuex is widely used in medium and large-scale projects. Generally, the data used globally is placed in vuex to facilitate the use of other pages. In the project, most of the data stored in vuex is related to user_id, permission and other related information, so how to use vuex in vue3? With this problem, in this article, let's analyze it togeth ...
Posted by marschen on Thu, 09 Dec 2021 17:01:29 +0100
Vue event binding and event binding modifier
preface
Over the past few years, I have been struggling in the it industry. Along the way, many have summarized some high-frequency interviews in the python industry. I see most of the new blood in the industry, and I still have all kinds of difficult questions for the answers to all kinds of interview questions or collection
Therefore, I dev ...
Posted by kumarrana on Wed, 08 Dec 2021 05:16:29 +0100
Vue project cross domain solution and vue.config.js configuration resolution
Why cross domain?
Due to the homology policy restrictions of the browser. The same origin policy is a kind of convention. It is the core and basic security function of the browser. If the same origin policy is missing, the normal functions of the browser may be affected. It can be said that the Web is built on the basis of homologous strategy, ...
Posted by networkthis on Wed, 08 Dec 2021 03:10:48 +0100
41 Vue uses third-party animation Libraries
elaborate
In this section, let's learn how to use the third-party animation library Animate.css in Vue.
There are many finished animations in it, which can bring great convenience to development.
Before learning how to use the third-party animation library, we should first learn a knowledge, which is to customize the fixed CSS animation ...
Posted by assgar on Tue, 07 Dec 2021 03:48:27 +0100