_ vue learning system comes instruction, the custom instruction, the custom filter

　　1. Why learn popular frameworks?

　　

　　

　　

2, MVC, and illustrating the relationship between mvvm

　　

　　

　　

　3, vue basic syntax and concepts

　　

　　1, Vue instructions

　　　　Use browser interface simulation Suman time

　　　　

　　　　 a, to solve the problem --- interpolation expression flicker when Suman, vue package will be the {{}} flicker problems slow download speeds

　　　　　

　　　　b、v-bind

　　　　　

　　　　c, v-on

　　　　　

　　　　　

　　　　   

 　　　　  

　　　　

　　　   

　　　   

　　　　

 

　　2, small case

　　　　

　　　　

　　　　

 　　3, two-way data binding

　　　　

　　　　v-model is the only one instruction can achieve two-way data binding, before learning can not

　　　　vm instance will listen to all the data in the data , so when the data in the data change occurs, the data will automatically sync the latest data go to the page, which is synchronized to the data view ,

　　　　Then we have the idea that when the page content changes, the content will not update the data synchronized to the data of the data in it? --- At this point we need to form elements, and form elements can interact with users

　　　　

　　　　

　　4, in the style of vue

　　　　

　　　　

　　　　

　　5、v-for  v-if  v-show

　　　　 

　　        

 　　6, the filter

　　　　

　　　　

　　　　

　　　　

　　7, custom key modifiers

　　　　The system provides built-in key modifier

　　　　

　　　　Custom Key Modifiers

　　　　

　　　　Because the f2 value corresponding to the keyboard 113

　　　　

 　　8, the custom instruction

　　　　　

　　　　　

　　　　　

　　　　   

　　　　　　

 　　　　　 

 　　　　Custom private instruction

　　　　　　

　　　　　　

　　　　　　

 

 

 

 

 

　　　　

　　　　

 

　　

　　

Reproduced in: https: //www.cnblogs.com/yangyutian/p/11041391.html