美文网首页
vue学习笔记

vue学习笔记

作者: 前端切图仔 | 来源:发表于2019-10-09 13:18 被阅读0次

开始:

<div id="app"></div>

<script src="../js/vue.js"></script>引入vue包

<script>

var app=new Vue({

el:'#app',  绑定id 或者class

data:{

        },

//        所有计算属性都以函数的形式写在computed李

})

</script>

v-if:比较用的

v-html:把写的以html格式表示出来

v-bind:绑定HTML属性如id class 缩写“ : ”

v-on:绑定事件监听器 缩写:“@”

v-bind绑定class:

1:可以与普通class共存

改变false和true确定是否显示出来:<div class="sss",:class="'kkk':asa,"aaa":xsxs"></div>

改变asa xsxs的false true的值来显示 如图1:

图1

数组法绑定:<div :class="[asss,ssss]"></div>

data{asss:'accc',ssss:'sss'}

相关文章

网友评论

      本文标题:vue学习笔记

      本文链接:https://www.haomeiwen.com/subject/tmzwpctx.html