VUE复习笔记

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