VUE第三方引入参考文档:vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js (github.com)
App.vue根组件
main.js主入口文件
加载组件流程:
引入组件、挂载组件、显示组件
scoped只在当前组件中有效
<script>标签导出,name为组件名称,可以有data数据对象传递,可以有按钮方法、事件,可以有
props组件交互(组件数据交互):
父组件:
子组件:
自定义组件交互(自定义组件数据传递):利用自定义事件¥emit
子组件:
父组件:
生命周期钩子函数:
VUE引入第三方:(首先在GitHub中找)
axios网络请求库:
全局引入:main.js中进行声明
网络请求封装:axios,utils文件夹
解决跨域问题:
后台解决:cors
前台解决:proxy
路由配置
路由传递参数
路由嵌套配置
vuex状态管理:
组合式API:setup()
1、可实现数据传递
2、可实现props(参数传递)和contents
3、setup()中没有this关键字
2、
需要引入onmounted,import {onmounted } from "vue"
引入第三方:naive-ui
全局引入/局部引入:
可能需要修改配置文件vue.config.ts