学习Vue之笔记一

1.跳转页面

(1).点击事件绑定一个元素

例：<div class=“clickMe” @click=“oSomething”>

(2).在方法中调用并跳转页面

例：

    articleInfo(article_id){
      this.$router.push({
        path:'/article', // 跳转页面
        query:{
          id:article_id // 参数
        }
      })
    }

(3).跳转页面接受参数

例：

this.$route.query.id

2.数组合并

(1).单个对象加入数组中，适合循环添加

array.push(obj)

(2).两个数组进行合并，类似于PHP的 array_merge($array, $array2)函数

 array = [...array,...array2] 

3.对于触发事件的注意点

类似于无限加载这种下拉加载，理想情况下是：下拉倒一定位置，加载出对应的内容，BUT，往往请求数据是要需求响应时间，在这段时间内会出现再出被请求的情况，结果就会出现重复数据，要避免这种情况，解决的办法其实很简单，给个“开关”就可以了，即：定义的一个变量，原始为true,进入方法后直接判断为true可以继续请求，再定义变量为false,后端响应之后变量改为true。