hbuilder x用路由和vue写一个公司介绍

好的，那我来为你介绍一下。

首先，路由（Router）是一个非常重要的概念，它可以帮助我们在单页应用中进行页面之间的跳转。在使用 HbuilderX 进行开发时，我们可以通过引入 vue-router 来实现路由功能。

接下来，我们可以开始编写公司介绍的页面。我们可以创建一个名为 CompanyIntro 的组件，该组件用来展示公司的简介信息。在该组件中，我们可以使用 vue 的语法来编写 HTML 和 CSS 样式。

同时，我们需要在路由中配置该组件的访问路径，例如将 /company-intro 路径映射到 CompanyIntro 组件。这可以通过在 router/index.js 中进行如下配置来实现：

import Vue from 'vue'
import Router from 'vue-router'
import CompanyIntro from '@/components/CompanyIntro'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/company-intro',
      name: 'CompanyIntro',
      component: CompanyIntro
    }
  ]
})

最后，我们需要在 App.vue 中添加路由的出口，让 CompanyIntro 组件能够在该位置展示：

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

这样，我们就能够通过访问 /company-intro 路径来展示公司介绍页面了。当然，我们还可以继续编写其他组件和路由规则，来构建出更完整的公司介绍网站。