蓝斑.json的博客

这段代码段就是官方的哈，小伙伴赶紧试试吧。后缀的声明文件中添加下面的代码。解决方法：项目的根 shim.

安装完成后再到webpack.config.js文件配置一下module即可。

float{整数} 作用：调整加载动画大小。

注意：由于通知相关的API设计有限制，通常只能在用户主动交互（例如点击按钮）的事件处理程序中请求授权和创建通知。在非用户主动交互的情况下尝试创建通知（例如在组件的生命周期钩子中）可能会被浏览器阻止。用户授权：为了向用户显示通知，需要获得用户的授权。API在现代浏览器中是可用的，但部分浏览器可能存在兼容性问题。来创建通知，传递通知的标题和选项。根据用户的授权情况，将决定是否创建通知。请参考浏览器的相关文档以及适当处理和尊重给用户的通知权限和体验。在Vue中，你可以在组件的方法中调用。在Vue中，你可以使用。

关于vue3的重构背景，尤大是这样说的：「Vue 新版本的理念成型于 2018 年末，当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，但在这段时期，前端世界已经今昔非比了在我们更新（和重写）Vue 的主要版本时，主要考虑两点因素：首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平；其次是当前代码库中随时间推移而逐渐暴露出来的一些设计和架构问题」利用新的语言特性(es6)解决架构问题。

另外，如果任何被覆盖的钩子或处理函数返回一个 Promise 链 (例如 async 函数)，则来自其 Promise 链的错误也会被处理。中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。从 2.2.0 起，这个钩子也会捕获组件生命周期钩子里的错误。是 2.5.0 新增的一个生命钩子函数，当捕获到一个来自子孙组件的错误时被调用。时，被捕获的错误会通过。

在使用 Vue 3 时，解决跨域问题通常涉及对开发服务器的配置和可能的后端更改。

你能描述下你对vue生命周期的理解？在created和mounted这两个生命周期中请求数据有什么区别呢？

指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回。作用在不同标签时候，是先进行判断，再进行列表的渲染。模板编译的时候，会将指令系统转化成可执行的。的列表渲染函数，函数内部都会进行一次。指令基于一个数组来渲染一个列表。是源数据数组或者对象，而。则是被迭代的数组元素的别名。形式的特殊语法，其中。模板指令的代码都会生成在。值是独一无二的，这便于。这时候我们可以看到，

​。

在修改数据之后立即使用这个方法，获取更新后的 DOM。将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新。等待同一事件循环中的所有数据变化完成之后，会将队列中的事件拿来进行处理，进行。每次更新值都会触发视图更新(上面这段代码也就是会更新10万次视图)，有了。如果我们一直修改相同数据，异步操作队列还会进行去重。，而是将修改数据的操作放在了一个异步操作队列中。如果想要在修改数据后立刻得到更新后的。节点，却发现获取到的是旧值。机制，只需要更新一次，所以。数据在发现变化的时候，

我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了ViewModel的数据也自动被更新了，这种情况就是双向绑定举个栗子当用户填写表单时，View的状态就被更新了，如果此时可以自动更新Model的状态，那就相当于我们把Model和View做了双向绑定关系图如下。

适用场景：子组件传递数据给父组件子组件通过$emit触发自定义事件，$emit第二个参数为传递的数值父组件绑定监听器获取到子组件传递过来的参数Father.vue。

我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了ViewModel的数据也自动被更新了，这种情况就是双向绑定举个栗子当用户填写表单时，View的状态就被更新了，如果此时可以自动更新Model的状态，那就相当于我们把Model和View做了双向绑定关系图如下。

v-show：与v-if类似，也是根据表达式的值来控制元素的显示和隐藏，但是使用CSS的display属性来实现。v-bind简写：通过冒号":"来简化v-bind指令的写法，用于动态绑定元素属性或组件的props。v-if、v-else-if、v-else：用于条件性地渲染元素，根据表达式的值来显示或隐藏元素。v-html：用于更新元素的HTML内容，将绑定的数据作为HTML代码解析并显示在元素中。v-text：用于更新元素的文本内容，将绑定的数据直接显示在元素中。

调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或者根据报错的组件快速定位问题，之所以能够快速定位，是因为每个组件之间低耦合，职责单一，所以逻辑会比分析整个系统要简单。降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求，例如输入框，可以替换为日历、时间、范围等组件作具体的实现。提高可维护性，由于每个组件的职责单一，并且组件在系统中是被复用的，所以对代码进行优化可获得系统的整体升级。方法，第一个参数为组件的名称，第二个参数为传入的配置项。

组件

是真正的条件渲染，它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。只有渲染条件为假时，并不做操作，直到为真才渲染。切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示。如果需要非常频繁地切换，则使用 v-show 较好。如果在运行时条件很少改变，则使用 v-if 较好。不管初始条件是什么，元素总是会被渲染。的时候不会触发组件的生命周期。有更高的初始渲染消耗；要复杂的多，因为还有。

SPA（single-page application），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTMLJavaScript和CSS。

到这里大家就更熟悉了，移动设备的普及，Jquery的出现，以及SPA（Single Page Application 单页面应用）的雏形，Backbone EmberJS AngularJS 这样一批前端框架随之出现，但当时SPA的路不好走，例如SEO问题，SPA 过多的页面、复杂场景下 View 的绑定等，都没有很好的处理经过这几年的飞速发展，节约了开发人员大量的精力、降低了开发者和开发过程的门槛，极大提升了开发效率和迭代速度，我们可以称之其为工业时代。节点跟视图绑定后，通过修改变量的值控制。

在本节中，我们将介绍如何在本地搭建 Vue。创建的项目将使用基于的构建设置确保你安装了最新版本的，并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令。

以上属于个人笔记、基于{ uni-app,vk-uview3组件 }如诺想要正常使用请在vue3中配置。

Vue3是不能直接使用Element-ui了，需要换成Element-plus。这里就是Element-plus的官方文档了。老规矩：如果是新的Vue3项目那么可以直接把下面的代码直接拿走。如果是新的Vue3项目那么可以直接把下面的代码直接拿走。安装完成之后，看到这个版本型号就算是真正安装成功啦。安装完成后找到vue.config.js。但是现在字体图标组件库还是不能够使用的。老规矩废话、少说直接安装依赖。，才能够直接在项目里使用。Vue3如何使用Element-Ui？Element-Plus#按需导入

我们首先是核实一下域名是否正确，如果域名正确没有输入错误那就是跨域权限问题了，那我们如何解决呐？首先我们打开vue.config,js。这种错误一般情况下都是域名错误或者跨域权限不够，也就是我们常说的"网络请求跨域错误"然后我们的跨域问题就解决啦。