vue2.0 核心render函数提高渲染效率 iview动态渲染dom

最新推荐文章于 2023-03-23 10:15:46 发布

kingrome2009

最新推荐文章于 2023-03-23 10:15:46 发布

阅读量704

点赞数

分类专栏： render

本文链接：https://blog.csdn.net/kingrome2017/article/details/101676747

版权

本文深入探讨Vue2.0的Render函数，揭示其如何提高DOM渲染效率。通过实例解析，展示如何使用Render函数实现iview组件的动态渲染，从而优化前端应用性能。

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

<template>
  <div class="home">
    <div class="homeBTn">
      <router-link to="/createTasks">
        <Button type="primary" custom-icon="i-td i-td-add_px">新建任务</Button>
      </router-link>
    </div>
    <div class="homeContent">
      <Table class='td-table-no-border homeList' :columns='resultTitles' :data='data' size='large'></Table>
      <div class="homePage">
        <Page style="float:right" :total="100" show-elevator show-sizer/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
   
  name: 'home',
  data() {
   
    return {
   
      data: [
        {
   
          id: '1',
          ids: '222',
          name: '测试',
          desc: 1,
          pushCycle: '周',
          dbHost: '127.0.0.1',
          dbPort: '8090',
          dbName: 'kkk'
        },
        {
   
          id: '2',
          ids: '222',
          name: '测试',
          desc: 3,
          pushCycle: '周',
          dbHost: '127.0.0.1',
          dbPort: '8090',
          dbName: 'kkk'
        }
      ],
      resultTitles