hbuilderx使用vue页面实例

在 HBuilderX 中创建一个 Vue 页面实例的步骤如下：

1. 创建一个新项目或者打开一个已有的项目。

2. 在项目根目录下创建一个新的 Vue 组件，例如 `MyVueComponent.vue`。

3. 在 `MyVueComponent.vue` 文件中编写 Vue 组件的代码。

4. 在需要使用该组件的页面中引入该组件，例如在 `index.vue` 中引入：

   <template>
     <div>
       <my-vue-component></my-vue-component>
     </div>
   </template>
   
   <script>
   import MyVueComponent from '@/components/MyVueComponent.vue'
   
   export default {
     components: {
       MyVueComponent
     }
   }
   </script>

5. 运行项目，在浏览器中查看该页面即可看到 `MyVueComponent` 组件的效果。