qq_39323073的博客

创建文件useMouse.js从vue模块引入onMounted，ref在onMounted中定义方法import {onMounted, ref} from 'vue'export default function useMouse() { let x = ref(0) let y = ref(0) onMounted(() => { window.addEventListener('mousemove', e => { x.value = e.pageX .

优点：composition api 易维护composition api解释：组合式api。将同一个数据的data、methods、computed、onMounted等放在一起，也可以放在一个单独文件里;按需引用，buil更快vue 2 中通过option方式使用组件// vue2// 创建Vue实例new Vue({render(){}}).$mount('#app')// 组件option配置方式使用，难维护，// data、methods见用this互相引用，但t

安装安装vue3npm view vue versions // 查看vue版本，安装最新稳定版npm install -g vue@3.0.2安装脚手架 create-vite-appnpm install -g create-vite-app创建项目cd /code_dir // 进入代码目录，等下vue3的工程就是安装在这个目录里create-vite-app vue3-camp // 创建名为vue3-camp的项目cd ./vue3-campnpm install //