【基础知识】Vue3项目搭建和setup

学习地址：https://www.bilibili.com/video/BV1Ac411K7EQ/?spm_id_from=333.999.0.0&vd_source=7a275e692833f71601f9fea26d736681

 下载代码案例：https://git.itcast.cn/heimaqianduan/vue3-basic-project

 

Vue3官网：https://vuejs.org/

调试工具：vue.js devtools谷歌浏览器调试工具

分散式维护/集中式维护。
vue2 Vue-Cli webpack
vue3 create-vue vite

环境搭建：
1、node需要大于16.0
2、npm init vue@latest 安装并执行create-vue
3、初学阶段，其他的选择NO
4、cd 文件夹，进入项目文件夹中

5、npm i 安装依赖
6、npm run dev 运行

 

 

 

其他：

setup

<script setup> 是 Vue3 的语法糖，简化了组合式 API 的写法，其实是实现了 “顶层的绑定”。例如：

1、在 setup 中声明的属性和方法无需 return，就可以直接在模板使用；  

2、引入组件的时候，会自动注册，无需通过 components 手动注册；

3、而且，它默认不会对外暴露任何属性和方法，如果要暴露的话就要使用 defineExpose

4、可以使用 defineProps 接收父组件传递的值，defineEmits 定义自定义事件

5、useAttrs 获取属性，useSlots 获取插槽

6、setup中不用this。