vue.js学习笔记（三）工作问题总结

最新推荐文章于 2023-12-27 17:07:11 发布

赵丰登

最新推荐文章于 2023-12-27 17:07:11 发布

阅读量173

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/zhaofengdeng/article/details/85779532

版权

12 篇文章 0 订阅

订阅专栏

本文深入探讨了Vue.js中的高级用法，包括组件间参数传递、数据监测与更新、页面跳转的不同方式、列表渲染技巧及强制刷新页面的方法。通过实例讲解如何在Vue项目中实现动态参数传递、数据监测、页面跳转以及提升渲染效率。

摘要由CSDN通过智能技术生成

   <table class="table table-striped table-bordered data-table " >
     <slot></slot>
   </table>

对象监测方式：dataOrderBy属于监测的对象

 watch: {
    //如果排序方式发生变更重新修改逻辑
    dataOrderBy: {
      handler() {
           alert(this.dataOrderBy);    
      },
      deep: true
    }
  },

deep:true应该是监测对象数组使用

3.页面跳转2中方式

第一种query，该方式会在路径上显示

 this.$router.push({
        path: "demo",
        query: { id: "1" }
      });

第二种params，该方式不会再路径上显示，刷新页面丢失

注意：params只支持name,不支持path.

name与path区别：在路由中管理，一个写name的值，一个写path的值，具体区别自行研究

  this.$router.push({
        name: "demo",
        params: { ids: "13516" }
      });

v-for="(item, index) in items"

5.页面数据没有渲染重新刷新渲染

this.$forceUpdate();

6.vue父子组件参数混合

arguments[0]:子组件的第一个参数

 @test="onPaste(arguments[0],mapKey,indexi,indexj)"