uni-app快速笔记运行到微信小程序：点击“运行”到“微信开发者工具”，可能会报错：工具的服务端口已关闭。这时按提示打

创建项目方式：

1、HBuilderX

2、

安装插件：【uni-app编译vue3到各端的编译器】

运行到微信小程序：点击“运行”到“微信开发者工具”，可能会报错：工具的服务端口已关闭。这时按提示打开微信开发者工具，点击“设置——安全设置”打开服务端口即可。

为了开发方便，可以把微信开发工具里的模拟器分离出来，然后点击“锁定”按钮，这样就可以让模拟器保持在最上层，开发调试起来会方便很多。

在 manifest.json 中的【微信小程序配置】里设置好 AppID，然后重新运行到微信开发者工具，就可以使用真机预览功能了。

v-bind: 用于动态绑定属性，简写为 :

v-on: 用于绑定事件，简写为 @

:class 没明白。:class="{ active: isActive}"

:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。

直接绑定到一个样式对象通常更好，这会让模板更清晰：

在vue3中，生命周期函数没有 onLoad了，如果还想使用，需要通过下面的方式导入：

<script setup>
	import { onLoad } from '@dcloudio/uni-app';
	onLoad((option) => {
		console.log(option)	});
</script>

vue3 script setup 语法糖中调用 getOpenerEventChannel :

const instance = getCurrentInstance().proxyconst eventChannel = instance.getOpenerEventChannel();