HBuilder X中搭建Vue-cli项目组件和路由以及UI库使用（二）

一、创建组件

   （1）在vj1项目src|右键|vue文件 

（2）组件常用模版 

<!--该标签用于写HTML代码,必须有一个根标签,如下<div>是根标签-->
<template> 
	<div>
		首页
	</div>
</template>
 
<!--该标签用于写js代码,下面是固定格式return里写数据,methods里写函数-->
<script>
	export defaults{
		data(){
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>
 
 
<!--该标签用于写css和之前一样-->
<style>
 
</style>

二、组件路由

组件路由：就是组件之间可以相互进行切换

vue router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。

 在终端输入命令进行安装: 

 npm i vue-router@3.6.5

 下载完成后，在package.json能查看