Vue开发笔记

引入 举一个简单的例子 以上代码，副作用函数中使用到了obj的值；如何使obj.text='其他'设置时重新触发副作用函数？ 实现响应式数据 前面的例子实际上就是在obj的值发生变化时，所依赖到的这个

@[toc] 1. 项目基础架构 1.1 项目基础架构 项目的基本结构： 首先贴出我们项目的几个大体实现效果图 1.2 主要插件 "axios": "^0.21.1" "element-ui": "^

1.Vue中的mvvm 我们使用过Vue的人后都会清楚Vue是一种使用mvvm模式开发的框架，但是它的具体体现在哪里呢。 如上图所示： View层：就是我们常说的视图层，也就时我们的BOM。主要用于给

为什么要封装storage：Storage本身虽然有Api，但是只是简单的键值对的形式Storage只能存储字符串，需要人工转换成json对象Storage只能一次性清空，不能单个清空我们通常在Sto

​ 它的思想思想实际上是通过访问a接口代理b接口的请求，因此我们最终访问的是b接口。使用这种方式的好处是我们可以使用任何方式请求数据都可以。并且前后端都不需要做处理，只需要运维改一些配置信息。​ 我们

五个核心概念​ 以上为五个核心概念的内容，接下来我们一一介绍:​ 首先贴出一张图以备我们后面使用：1. state​ 首先我们需要弄清楚的是state的功能，我们前面提到state是用来放置我们所有状

1. 作用以及使用场景1.1 Vuex的功能​ 这是官网给我们的定义，那么什么是状态管理模式？什么是集中式存储管理？。​ 实际上就是我们多个组件可以共享一些数据。那么这时我们有些疑问，那这个功能我们也

其实也就是说，当我们在浏览器中的地址栏输入不同的url时，浏览器为我们展示不同的页面时，这就是一个路由的过程。 路由中其实包括有一个比较重要的概念叫做路由表：路由表的本质就是一个映射表，它决定了我们数据的指向。 路由也分为两个时期，在这两个时期，都有各自的方式来实现路由。这两个…

其实就是说我们的每一个路由对应的就是一个给用户展示的页面，然而按照常规的操作这些页面最终会通过webpack打包为一个bundle.js的文件，因此就造成了这个页面十分的庞大，所在在请求的时候可能会花费一定的时间，给用户造成不好的体验。因此我们可以通过路由懒加载的方式来解决这个…

在我们开发过程中，经常在webpack.config.js文件中配置很多东西，不管是开发环境下，还是生产环境下。但是当我们在生产环境下打包时，其实很多我们开发环境下的配置时用不到的。那么当我们把所有的配置写在一个文件中时，那时不太稳妥的。 因此我们需要抽离配置文件。 最后我们还…

1. vue组件化思想 组件化提供了一种抽象，让我们可以开发一个个独立的可复用的小组件来构建我们的应用。 任何的应用都会被抽象成一颗组件树。 2. 组件化基本使用详情 上面的例子实际上是一个全局组件，什么是全局组件呢，就是在任意一个Vue实例都可以使用。 那么什么又是局部组件呢…

值得一提的是当我们Vue官方不建议使用model时直接将props的值放在里面，因为这样这里的值是从父组件传递而来，因此直接修改可能会导致紊乱。因此我们需要借助组件的data属性来做值得绑定； 至于另一个需求，改变data的属性，那么我们可以使用父传子的方法将组件的data传给…