六、其他 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton', { data: () => ({ count: 0 }), template: 'Clicked {{ count }} times.' }) //注册全局指令 V…

五、新的组件 1.Fragment 在Vue2中: 组件必须有一个根标签 在Vue3中: 组件可以没有根标签, 内部会将多个标签包含在一个Fragment虚拟元素中 好处: 减少标签层级, 减小内存占用 2.Teleport 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。 我是一个弹窗 关闭…

四、Composition API 的优势 1.Options API 存在的问题 使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，computed里修改 。 <div style="width:600px;height:370px;overflow:hidden;float:left&q…

三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据，结构比较深, 但变化时只是外层属性变化 ===> …

二、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 1.拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Composition API（组合API）“ 表演的舞台 ”。 组件中所…

Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0 2.Vue3带…

第七章、路由 1、基本使用 1、安装插件 1、vue-router npm i vue-router@3 2、注意vue2对应的版本是router3，vue3对应的版本是router4 2、编写router配置项 //引入VueRouter import VueRouter from 'vue-router' //引入Luyou…

第五章、vuex 1、是什么 1、概念 1、在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2、个人理解：是全局事件总线的升级 2、怎么用 1、什么时候使用 1、多组件需要共享数据时用 2、搭建vuex的环境 1、第一步 1、引入v…

第四章、Vue中的AJAX 1、使用vue脚手架解决ajax跨域问题（配置代理） 1、方法一 1、在vue中的vue.config.js文件配置如下 devServer:{ proxy:"http://localhost:5000"//代理服务器 } 2、注意 1、优点 1、配置简单，请求资源时直接发给前端（8080）即可。 2…

第三章、使用脚手架 1、初始化脚手架 1、具体步骤 1、第一步 1、只执行一次，就是设置全局安装 @vue/cli 2、第二步 1、切换到需要创建项目的目录，然后使用创建命令 vue create xxxx 3、第三步 1、启动项目 npm run serve 4、注意 1、如果下载慢，就使用淘宝的镜像 npm config set registr…