<>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,
Hikvision - Embedded software written test questions C Language application 0 The length of array in memory and structure is 0 In depth analysis data structure --- The preorder of binary tree , Middle order , Subsequent traversal How to do it ipad Transfer of medium and super large files to computer elementui Shuttle box el-transfer Display list content text too long 2019 The 10th Blue Bridge Cup C/C++ A Summary after the National Games ( Beijing Tourism summary )unity Shooting games , Implementation of first person camera python of numpy Module detailed explanation and application case Study notes 【STM32】 Digital steering gear Horizontal and vertical linkage pan tilt Vue Used in Element Open for the first time el-dialog Solution for not getting element