Vue编辑样式
首先先链接下载好的Vue js插件
<script scr='js/vue.js'></script>
然后再新建一个js代码区,用来编辑将要操作的部分元素
<script>
new Vue({
el:'.skt', (此处为你要操作的div元素区的名字,并且不能忘了选择器符号“.”,“#”)
data:{ (在data区域编辑需要的数据,可添加数字,数组,对象,字符串等)
num:1,
obj:"Hello Vue",
arr:[1,2,3,4,5],
arrs:[
{num:1,name:"苹果",age:18},
{num:2,name:"香蕉,"age:19},
{num:3,name:"西瓜",age:20},
]
}
})
</script>
div区域中的东西与script中的东西相互联系
<div class='skt'> (div的名字要与script中“el”的一致)
{{num}}
{{obj}}
</div>