使用ElementPlus，写一个知识点列表展示页面，并能跳转

好的，以下是一个简单的示例：

<template>
  <div>
    <el-card>
      <el-row>
        <el-col :span="24">
          <h3>知识点列表</h3>
        </el-col>
      </el-row>
    </el-card>
    <el-card>
      <el-row>
        <el-col :span="24">
          <el-tree :data="data" :expand-on-click-node="false" :default-expanded-keys="[0]" @node-click="handleNodeClick"></el-tree>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          id: 1,
          label: '知识点1',
          children: [
            {
              id: 2,
              label: '子知识点1',
              url: 'https://www.baidu.com'
            },
            {
              id: 3,
              label: '子知识点2',
              url: 'https://www.google.com'
            }
          ]
        },
        {
          id: 4,
          label: '知识点2',
          children: [
            {
              id: 5,
              label: '子知识点3',
              url: 'https://www.bing.com'
            },
            {
              id: 6,
              label: '子知识点4',
              url: 'https://www.yahoo.com'
            }
          ]
        }
      ]
    }
  },
  methods: {
    handleNodeClick(node) {
      if (node.url) {
        window.open(node.url)
      }
    }
  }
}
</script>

在这个示例中，我们使用了 ElementPlus 的 `el-tree` 组件来展示知识点列表，其中每个知识点都有一个 `url` 属性，用来表示该知识点对应的网址。当用户点击某个知识点时，如果它有对应的网址，就会打开一个新窗口跳转到该网址。注意，为了让 `window.open` 方法正常工作，我们需要将其放在 `handleNodeClick` 方法中，并将该方法绑定到 `@node-click` 事件上。