Programmer Group

Author: vanessa Date: 2018/06/20 1.css transition, transition <div id="example-1"> <button @click="show = !show"> Toggle render </button> <transition name="slide-fade"> <p v-if="show">hello</p> </transition> </div> new Vue({ el: '#example-1', data: { sh ...

0. Effect demonstration It's annoying to plug in a video.You can go out and turn right to Youku. Click on me!).   1. Preparations 1.1 Front End Framework The front end uses nuxt.js based on vue.js.Why use nuxt.js？ The first thing I did was a blog project, so SSR is important.Although it has nothing to do with the login registration described i ...

v-model Usage mode Parent component: The parent component binds values through v-model. If you need to change according to the value passed in by v-model, and trigger other updates, you need to listen through watch. Sub components: Declare model object to set event and prop fields Accept parent ...

Entrance All changes are inseparable from its origin. First look at the source code to find the entry. First look at the entry of Vue router, which is defined in src/index. Vue router is based on class implementation. Class provides construction methods and some other methods. After the class is def ...

How to solve this problem? What is' IndexDB '? What is homology strategy? What is cross domain? How to solve this problem? jsonp node backend code Native implementation (add script tag) $.ajax implementation vue is implemented by vue jsonp Cross domain resource sharing (CORS) node backend code Na ...

Original address Summary Before starting this article, the blogger defaults that you already know Spring Boot, Spring Security, Vue and JWT. The above concepts will not be repeated here. Let's talk about the train of thought. 1. The backend needs to write JWT generation processing and JWT parsing authentication processing. 2. The front ...

Form operation Form scope modifier Number: converts the form value to a number data:{ inputmsg:'123' } <input type=text v-model.number="inputmsg">//The value of this form is output as data trim: remove spaces at the beginning and end of the form data:{ inputmsg:' 123 ' } <input ty ...

Preface A recently made table needs to change a cell. After research, this function is perfectly implemented. The following is a brief introduction of the implementation process: Front end tools used Official document of element UIOfficial vue documentation Design sketch ​ Implementation proce ...

Mintui is a mobile component library developed for vue by mintui team, which is convenient to realize some functions of mobile terminal. Here, only Loadmore function is used to realize the pull-up paging refresh and pull-down loading of data on the mobile terminal without any code. <template> <div class="main-body" ...

This paper provides a technical summary for the beginners of Vue. All the codes need the support of vue.js or the introduction of cdn 1, Basic instructions in Vue framework 1,v-bind v-bind is an instruction for dynamically binding data, such as <a v-bind:href="url">...</a> Then, I can change the value of the u ...