Programmer Group

1, installation npm install px2rem-loader lib-flexible –save 2. Introducing lib-flexe into the project entry file main.js import 'lib-flexible/flexible.js' 3. In utils.js under build, find the generateLoaders method and add it here. const px2remLoader = { loader: 'px2rem-loader', options: { ' ...

Once, execute only once <div v-on:click.once='alert("1")'></div> Only when the first click is executed, clicking again won't work. 2. prevent Prevent default programs, such as the summit submit button in the form, from submitting themselves. <form v-on:submit="alert('who')" action="first_submit" met ...

It's no longer allowed to omit the '-loader' suffix when using loaders This is the first bug I encountered in learning vue2. I checked the documents on the internet. They all said that adding the suffix of - loader is enough, but it still hasn't been solved. I found the God and finally solved the problem and shared it with you ...

One. Global API: APIA global is not in the constructor, but declares global variables first or defines some new functions directly on VUE. VUE has built-in global APII, such as Vue.directive. Simply put, we define new functions with API functions provided by Vue outside the constructor. Two. Vue.directive 1. Let's make a sma ...

reset.css Different browsers often display the same label differently, so when doing a project, we need to set the basic style to achieve the same display effect in different browsers. This is the role of reset.css. All, it is necessary for you to collect it and use it directly when you are doing the project. Specific code: ...

Hook function animation Setting meaning of starting animation (same as ending animation) v-on:before-enter indicates that the animation has not yet started before the animation enters, in which you can set the starting style of the element before the animation begins. v-on:enter represents the animation, and the style after ...

vue.js and vue-waterfall-easy realize waterfall flow + drop-down refresh Recent project requirements first need waterfall flow, then need drop-down refresh function. I thought it would be easy to achieve this effect through vue-waterfall-easy and then use drop-down refresh in other ui libraries. But this is not the case. After ...

Componentization is a very important part of front-end development. Decoupling from business can improve the code reuse rate of the project. More importantly, we can pack and distribute. As the saying goes, the collective power is great, because there are so many open source contributors, we have the world today. Engineers who ...

Basic grammar of vue 1. Template grammar 1.1 Mustache grammar {{msg}} //Getting the value of msg variable in data in html 1.2 Html assignment v-html="" //Output content as an html tag. html() is similar 1.3 Binding Properties v-bind:id="" //attr() is similar 1.4 expression {{1?'Success':'Failure'} // Trinomial Operation ...

1. vue asynchronous component technology vue-router configures routing, using vue's Asynchronous component The technology can realize on-demand loading. However, in this case, the next component generates a js file. Examples are as follows: { path: '/promisedemo', name: 'PromiseDemo', ...