vue学习_vue获取数组第1个元素

VUE设置自定义属性并获取自定义属性的值
    <p @click="selectByRole($event)" v-for="item in roleList" v-bind:roleid="item.roleid">{{item.name}}</p>
        这里的roleid是自定义的属性，获取他的值的时候需要在click方法上加上$event然后在该方法的参数上写上event
        最后的调用方法是event.target获取到dom元素然后在使用getAttribute('roleid')获取你自定义绑定的属性 
        
        使用event获取当前元素的文本值
        event.currentTarget.innerHTML得到的就是当前元素的文本值
        
        两个属性
            1：v-text属性，相当于innerText，v-html属性，相当于innerHtml属性
        三个方法
            1：methods：方法属性，用来对页面绑定的方法进行操作
            2：computer：计算属性，可以对结果进行缓存，提升页面效率
            3：watch：监听属性，当监听到某些数据发生改变的时候出发的方法
        两种页面样式绑定
            1：style中定义class样式，在需要绑定样式的div中使用:class功能来动态绑定样式
            2：在data中定义数组styleObj对象styleObj:{color:"red"}的方法来改变页面样        
        两个自定义属性
            1：v-if后面跟的是一个boolean值：决定这个div是否在页面进行挂在，页面家在元素少效率更高一点
            2：v-show后面跟的是一个boolean值：将display值设置为none不展示
            3：列表渲染属性v-for="(item,index) in list"第一个是每一项，第二个是下标使用:key=""属性添加唯一标识
            v-for="(item,key,index) of userInfo"其中item是这一条数据，key是对象的键，index是循环的下标
        1数组遍历方式
            pop：删除最后一条
            push：添加一条数据
            shift：删除数组第一项 
            unshift，往数组第一项添加内容
            spilce 数组截取
            sort：排序
            reverse：取反
        2 通过Vue.set(vm.userInfo,1,'张三');这行代码的意思是修改数组userInfo的下标为1的元素也就是第二个元素的值为'张三'
            通过vm.$set(vm.userInfo,'1','李四')这行代码与上一行代码功能相同
            
        
        
        
        
    关闭被占用的8080端口号，准确地来说是关闭占用8080端口的进程，
    首先查看占用8080端口的进程    netstat  -aon|findstr "8080"
    然后找到占用8080端口号的进程并关闭他
    tasklist|findstr "10796"