2203_75300307的博客

App.vue 代码如下：</</</</</</</</</importfrom</

1. OptionsAPI 与 CompositionAPIVue2 的API设计是 Options（配置）风格的。Vue3 的API设计是 Composition（组合）风格的。1.1 Options API 的弊端Options类型的 API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求，就需要分别修改：data、methods、computed，不便于维护和复用。1.2 Composition API 的优势可以用函数的方

Vue3 向下兼容 Vue2 语法，且 Vue3 中的模板中可以没有根标签。备注：目前vue-cli已处于维护模式，官方推荐基于 Vite 创建项目。● 初次渲染快55%, 更新渲染快133%。● 打包大小减少41%。● 内存减少54%。

【代码】第 7 章：Vue UI 组件库。

1. router 相关理解1.1 vue-router 的理解vue 的一个插件库，专门用来实现 SPA 应用1.2 对 SPA 应用的理解单页 Web 应用（single page web application，SPA）。整个应用只有一个完整的页面。点击页面中的导航链接不会刷新页面，只会做页面的局部更新。数据需要通过 ajax 请求获取。1.3 路由的理解什么是路由?一个路由就是一组映射关系（key - value）key 为路径, value 可能是 functi

1. 理解 vuexvuex 是什么：概念：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。Github 地址: https://github.com/vuejs/vuex什么时候使用 Vuex多个组件依赖于同一状态（数据）来自不同组件的行为需要变更同一状态（数据）多个组件需要共享数据时工作原理图：2. vuex 的 API2.1 state

/ 这里的 this.$http 替换了 axios。功能：输入关键字，根据输入的内容匹配对应的item。vue 项目中常用的 2 个 Ajax 库。//请求成功后更新List的数据。//请求成功后更新List的数据。//请求前更新List的数据。//请求后更新List的数据。//请求前更新List的数据。//请求后更新List的数据。vue脚手架配置代理。//数据在子组件自身。

1. 初始化脚手架1.1 说明Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。最新的版本是 5.x。文档: https://cli.vuejs.org/zh/1.2 具体步骤第一步（仅第一次执行）：全局安装@vue/cli。npm install -g @vue/cli第二步：切换到你要创建项目的目录，然后使用命令创建项目vue create xxxx（项目名称）第三步：启动项目npm run serve备注：如出现下载缓慢请配置 npm 淘宝镜像：np

使用创建，其中options和时传入的那个options几乎一样，但也有点区别；区别如下：el不要写，为什么？——— 最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器。data必须写成函数，为什么？———— 避免组件被复用时，数据存在引用关系。备注：使用template可以配置组件结构。

1. Vue 简介1.1. 官网英文官网: https://vuejs.org/中文官网: https://cn.vuejs.org/：中文官网里面【教程】和【API】是比较重要的。用到api就去查询，实践当中记忆更牢靠。风格指南：官方推荐写的一个代码风格cookbook：编写vue的一些技巧Awesome Vue.js：第三方库（报表之类的）1.2. 介绍与描述动态构建用户界面的渐进式 JavaScript 框架（渐进式类似于需要做什么功能，就往里面加对应的模块和插件，就像搭积木