<>WEB front end , First knowledge vue.js

<> one ,vue Knowledge points

vue.js It is a front-end framework with data processing as the core , It has the characteristics of efficient data binding and flexible component application ( modularization , assembly .vue)
pattern 1:MVVM(vue.js) M :model Data layer V: view View layer (html+css) VM:viewModel
Lamellar layer : It's a slice layer that links the data layer and the view layer (vue Examples of ) pattern 2:MVC M:model Data layer V:view View layer (html+css)
C:controller Control layer (js code )
<> two ,vue instantiation

<> Foundation template
<body> <div id="app"> {{msg}}//hello <button v-on:click="show()"> click </button> <
div:class="color" @click="show()">show Method demonstration </div> </div> </body> <script> var a=
new Vue({ el:"#app",//document.getElementById("#aa");// Mount node data:{// data msg:
"hello ", }, methods: {// method show(){ alert("hi");// Popup hi }, }, computed:{},// computing method
filters:{},// Filtration method }); </script>
<> Basic instruction use
v-model: Bidirectional binding Function and function input in value use v-if: control css Vanishing and hiding of attributes v-else: Extension is v-else-if
v-show: By controlling style properties display To display hidden elements v-for: Traversal and iteration v-text: It can be abbreviated as {{}}, It also supports logical operations v-html:
For output html
<> Grammar sugar
v-on:click( event )="show()" Event binding ——>@click="show()" v-bind Dynamic binding url class style
href ... ——>:class=""

©2019-2020 Toolsou All rights reserved,
tkinter Implementation of user login interface Vue Invalid render dynamic component in subcomponent ( First invalid , Valid for the second time )9 ride 9 Sudoku C/C++ Memory model TypeScript actual combat -12-TS The mechanism of type checking - Type inference Java Thread safety and insecurity JLink,STLink,DAPLink,CMSIS DAP Differences in use Chapter 10 use SpringMVC Frame transformation of supermarket order management system -1C Language calculation of deposit interest About the Blue Bridge Cup , Things you should know !