橙子的博客

vue的人都知道 vue2.x实现双向数据绑定的原理是利用Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的，当数据发生改变发出通知。在MDN上对该方法的说明是：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。它接收三个参数，要操作的对象，要定义或修改的对象属性名，属性描述符。属性描述符是一个对象，主要有两种形式：数据描述符和存取描述符。......

④ 如果有计算属性（get函数写在getters里面），则状态通过getters的$store.getters()或mapGetters()来更新组件；反之就通过$store.state()或者mapState()的方式来更新组件。简单来说，就是对Vue的应用中多个组件的共享状态进行集中式的管理（读/写）① 在组件（页面）中，通过dispatch()或mapActions()这个函数分发给actions的函数去处理。：此时传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。...

routes,在路由表中包含多个route。

npm install cors（在express服务器端进行此模块的安装，因为浏览器会将js代码跨域模块的访问进行拦截，出于安全考虑，所以为了进行跨域访问，需要安装这个cors模块）put请求：用于对数据更新时使用.请求时传参的方式、服务器端获取数据的方式与post请求类似。a、类似于get方式：服务器端以’req.query.参数名’的格式获取请求数据。b、类似于post方式：服务器端以’req.body.参数名’的格式获取请求数据。axios模块：是一个基于promise的http客户端请求工具。..

(1)匿名插槽(默认插槽)：有且只能有一个☀️举个例子：Son.vue代码段：Father.vue代码段：App.vue代码段：(2)具名插槽：当子组件的功能复杂时，子组件的插槽可能并非是一个。每个插槽给个名称。 比如封装一个导航栏的子组件，可能就需要三个插槽，分别代表左边、中间、右边。那么，外面在给插槽插入内容时，如何区分插入的是哪一个呢?这时候，就需要给slot指定一个name属性，也就是具名插槽。☀️举个例子：Father.vue代码段：Son.vue代码段：App.vue代码段同上：(

（1）父组件向子组件传值：子组件通过props属性获取父组件中的值☀️举个例子：Father.vue代码段：Son.vue代码段：App.vue代码：（2）子组件向父组件传值：通过触发事件的方式传递(使用$emit触发自定义的事件)☀️举个例子：FatherOne.vue代码段：SonOne.vue代码段：App.vue代码段：（3）在组合式API(setup)中使用this所出现的问题（子传父）获取proxy的方法C、强调：1、创建事件中心：创建事件触发器并导出event.js代码段：2、

使用App.vue创建Vue组件,将该组件挂载到index.html的div上。(5)Vue3的setup语法糖：不需要使用exports default进行组件的默认导出。(1)public目录：静态资源文件夹.index.html是vue项目启动的首页。② components目录：存放Vue组件(组件扩展名是.vue)a、是一个函数,可以返回对象,对象的属性和方法可以在模板中直接使用。(3)构建响应式数据方法：reactive。(2)初始化函数：ref。③ App.vue组件：主组件(启动组件)...

组件中数据和事件的传递，给组件添加外部属性：在组件的对象模板中使用props来定义组件的外部属性

computed 属性是vue的计算属性，是数据层到视图的数据转化映射；计算属性是基于他们的依赖进行缓存的，只有在相关依赖发现改变时，他们才会重新求值，也就是说，只要他的依赖没有发生变化，那么每次访问的时候计算属性都会立即返回之前的计算结果，不在执行函数。只要计算属性依赖的数据项不发生改变，计算属性只会执行一次，方法会调用几次执行几次。Vue内watch侦听器详解:分类解析vue中watch的用法：(1). 普通数据类型：缺点：(2) 对象类型：当需要监听对象的改变时，此时就需要设置deep为tr

1、为Html标签绑定class属性：v-bind,为class属性绑定一个对象，在对象中可以设置对象是否可用。注意：v-bind可以缩写为： 2、绑定内联样式1、事件监听：是通过v-on指令(用@符号代替)绑定事件处理程序2、多事件的处理：对于同一个用户交互事件，需要调用多个方法进行处理☀️举个例子：3、事件修饰符(1)DOM的事件原理：(2)Vue中使用v-on指令绑定事件时默认监听的是DOM事件的冒泡阶段点击内层，输出为冒泡阶段（内—中—外）：(3)...

(1)Vue2.0创建Vue组件的方法：☀️举个例子：(2)Vue3.0创建Vue组件的方法：有两种写法：方式一（不太推荐）：方式二（推荐，很清晰）：(1)存储属性(data)：是一个函数。在组件创建时会调用此函数来构建响应性的数据系统。是组件的存储属性。获取该属性值的方式：☀️看个例子：(2)计算属性(computed)：通常可以将存储属性的值直接渲染到html的元素上。在有些场景下存储属性的值不适合直接渲染，需要处理之后再进行渲染。在Vue中使用计算属性对数据进行再处理.注意：☀️举个例子：

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。总之，是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。..................