Initial understanding of Vue (transition animation of multiple elements or components in Vue)
Transition animation of multiple elements or components in Vue
To achieve the effect of multi element transition animation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Vue Transition animation of multiple elements or components in</title>
<script sr ...
Posted by ulenie on Tue, 07 Jan 2020 08:30:56 -0800
The difference between data and props as well as the value passing from Vue parent component to child component
1. Define the msg attribute in the parent component
data:{
msg:'123 -I am the data in the parent component'
},
2. Reference sub components
When a parent component references a child component, the data that needs to be passed to the child component can be passed to the internal of the child component in the for ...
Posted by Tomz on Mon, 06 Jan 2020 22:54:58 -0800
Pit easily stepped by filter in Vue 2.0
In Vue 2.0, there is no longer a built-in filter. You need to define your own filter. The method of definition is as follows:
Register a custom filter that takes two parameters: the filter ID and the filter function.
Vue.filter('filtername',function(value,parameter){
return parameter+value.split('').reverse().join('') ...
Posted by galvin on Mon, 06 Jan 2020 18:25:26 -0800
Vue - use of basic routes
1, Import package
Note: the imported package should be under vue
<title>Use of basic routes</title>
<script src="./lib/vue-2.4.0.js"></script>
<script src="./lib/vue-router-3.0.1.js"></script>
2, Create subcomponents
Note: it is created on the vm instance
var login = {
...
Posted by Stickdragon on Mon, 06 Jan 2020 11:29:51 -0800
Componentized Development of Vue Family Buckets
Author| Jeskson
Excavation| https://juejin.im/user/5a16e1f3f265da43128096cb
To learn component development, first master the idea of component development, the way components are registered, the data interaction between components, the use of component slots, the use of vue mode tools, and the way components implement business logic functions ...
Posted by cristalmolix on Mon, 06 Jan 2020 11:24:55 -0800
Problems encountered in the use of El input
1. When type=number or v-model.number
maxlength is invalid because the attribute is valid for text, textarea, and password types.
When type=number, the binding input is of type Number and cannot get length.
2. Global matching of phone numbers, verification codes (numbers only), and prices (numbers and decimal points only)
Note: type must be ...
Posted by gvanaco on Mon, 06 Jan 2020 08:40:46 -0800
Summarize several active refresh methods of vue
When we are doing the project, we need to refresh the current page to achieve the purpose of data update. Here we summarize some common methods of page refresh.
1.window.location.reload(), a method provided by native JS, this.$router.go(0): a method in vue routing. Both of these methods can achieve the purpose of page refresh. ...
Posted by phppssh on Mon, 06 Jan 2020 07:26:39 -0800
Problems in the application of Axios
1. Set Axios cross domain in Vue
axios has become the officially recommended way for Vue to obtain background data from ajax. However, we need to solve the cross domain problem of axios in use. Here we take the 2.x version of Vue cli as an example to solve the cross domain problem of axios.
In config/index.js We implement the ...
Posted by Gregghawes on Mon, 06 Jan 2020 04:37:26 -0800
On the response of data in VUE
Using VUE development project, the ui framework used is element ui. When writing the table expansion line, after getting the data, add the data to the table data bound to the table. I add a new attribute tableDtailData to each item in the tableData to store the expansion line data (api.getInData() is the method to send the requ ...
Posted by zebrax on Sun, 05 Jan 2020 23:51:16 -0800
vue uses Weixin SDK recording function
Just graduated, entered the company, met the first vue project, using Weixin SDK JS to do the recording function, so started the research journey, after a long time of research, finally, Zen realized a little bit of fur
Many experiments, failures, summary: Weixin JS SDK is to be used online, and can only be used on wechat. It' ...
Posted by xcoderx on Sun, 05 Jan 2020 18:07:23 -0800