零基础入门uniapp Vue3组合式API版本

前言：小程序学习笔记，课程来源up主咸虾米_。仅记录笔记，大家想学习可以去关注他。

1.已安装HBuider X（目前是4.36版本），微信开发者工具（但还没注册小程序码），相关配置OK了。

1.16 相关架构学习

1.pages-index-index.vue

<template> <!--模板区 不使用div,在组件的内置组件用那些标签-->
	<view class="layout">
		<view class="box1">box1</view>
		<view class="box2">box2</view>
	</view>
</template> <!--这个必须放，view 可以放多个节点,vue2的话要包一个  布局是一样的class-->

<script setup>
	
</script>
<!-- 这是逻辑部分，vue2是选项式api，vue3是组合式api-->

<style lang="scss">
	.layout{
		border:1px solid red;
		.box1{
			border:1px solid green;
		}
		.box2{
			border:1px solid blue;
		}
	}
</style>
<!--这里写一些css的样式。border 像素 solid 实线，layout是最外层，有两个子元素-->

2.建立新页面

路由配置

{
    "pages": [ 
        {