Vue基础使用

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>