最近在实习，刚来没几天，老大出来的并不一定是，接下来...
转载
2023-07-24 20:57:19
231阅读
这是vue文档里的原话： All lifecycle hooks are called with their ‘this’ context pointing to the Vue instance invoking it. 意思是：在Vue所有的生命周期钩子方法（如created，mounted， updated以及destroyed）里使用this，this指向调用它的Vue实例 ，即 new
转载
2024-09-03 14:06:56
60阅读
***当前阶段的笔记 ***「面向实习生阶段」https://www.aliyundrive.com/s/VTME123M4T9 提取码: 8s6v 点击链接保存，或者复制本段内容，打开「阿里云盘」APP ，无需下载极速在线查看，视频原画倍速播放。# 一.TypeScript快速上手1、初识 TypeScript1）. 初识 TypeScriptTypeScript 的介绍TypeScript是一
转载
2024-08-22 14:44:15
77阅读
TypeScript和Vue3组合Api学习文档
1、TypeScript快速上手1.1 初识 TypeScriptTypeScript 的介绍TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。2012年10月，微软发布了首个公开版本的TypeScript，2013年6月
转载
2024-04-15 18:01:32
52阅读
一、vue3基础1.前言 Vue 是一套用于构建用户界面的渐进式框架。开发可以根据需求，逐渐递增所要的方式或者功能模块， vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 vue对项目的侵入性较大，使用者要按照框架所规定的某种特定规范进行开发，项目如果需要更换框架，则需要重新架构整个项目。2.两大核心响应式的数据绑定：当数据发生改变，视图可以自动更新，可以不用关心dom操
转载
2024-09-18 15:29:02
113阅读
# Vue 中使用 Axios 进行请求时跨域问题的解决方案
在现代 Web 开发中，跨域问题是阻碍前端与后端数据交互的一个重要障碍。尤其是在使用 Vue.js 框架与 Axios 进行 HTTP 请求时，跨域问题往往会显得尤为突出。本文将介绍什么是跨域问题，为什么它会出现，以及如何在 Vue 中使用 Axios 避免这些问题，并提供一些常用的解决方案。最后，我们还将展示饼状图和实体关系图，以帮
创建一个Vue应用1.应用实例
1.应用实例
每个Vue应用都是通过createApp函数创建一个新的应用实例
import { createApp } from 'vue'
const app = createApp({ //根组件选项})
2.根组件
若使用的是单文件组件，可直接从另一个文件中导入根组件
impor
英文：Will Ockelmann-Wagner 译文：西楼听雨在现代化的 Web 开发中，CSS 还远未完美，这一点应该没有什么意外。现今的项目通常都相当复杂，而 css 样式天生又是全局性的，所以到最后总是极容易地就发生样式冲突——要么是样式相互覆盖，要么就是隐式地级联到了下面那些我们未考虑到的元素。在减轻 CSS 存在的主要痛点方面，我们普遍采用的解决方案是引入 BEM (Block Ele
转载
2024-10-12 11:41:21
499阅读
一：为什么会出现跨域问题？出于浏览器的同源策略限制。 同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协
Vue的5种处理Vue异常的方法相信大家对Vue的不陌生。在使用Vue的时候也会遇到报错，也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗？vue 是如何处理异常的呢？接下来和大家介绍介绍，Vue是如何处理者几种常见的报错的。先很大家说说常见的报错，再和大家介绍如何处理
Vue 中异常处理包含以下几个方面的技巧：errorHandlerwarnHandlerrende
原创
精选
2022-09-21 09:21:22
690阅读
对于线上环境，一般会禁用Vue调试工具，之前介绍过一个通过Chrome Overrides来修改源代码的方式可以实现线上环境也能开启Vue调试工具（这个 Chrome 调试技巧太实用了），但是相对还是比较麻烦。有没有更简单的方案？Vue调试工具其实是有一些钩子可以在控制台调用的，具体可以参考Vue devtools的源代码。可以通过window.__VUE_DEVTOOLS_GLOBAL
手把手做一个基于vue-cli的组件库
基于vue-cli4的ui组件库，先贴个最终效果吧，步骤有点多，准备分上下篇，上篇：如何做一个初步的组件。下篇：编写说明文档及页面优化。开工。一、组件库是基于vue-cli框架的的，用vue-cli创建项目vue create sq-ui二、修改目录，以及重新修改配置文件。1、查看了很多的开源组件库的源码，都喜欢用
# Vue 调用 iOS 原生方法未执行的问题分析与解决
Vue 是一个流行的前端框架，开发者可以通过它方便地构建用户界面。在移动端开发中，我们常常会需要调用 iOS 原生方法来实现某些特定的功能。但有时，我们可能会遇到“调用了但未执行”的问题。本文将通过示例探讨这一问题的原因及解决方案。
## 原生方法调用的基本流程
在 Vue 中，调用 iOS 原生方法通常通过 JavaScript 的
Vue 2 的 mixin 在 Vue 3 中被废弃（仍可通过选项式 API 使用但不推荐），主要原因包括逻辑复用混乱、命名冲突、难以维护和调试等问题。Vue 3 更推荐使用 Composition API（组合式 API） 来实现更灵活、清晰的代码复用机制。1. Mixin 在 Vue 2 的问题(1) 命名冲突如果多个 mixin 定义了相同的数据/方法/生命周期钩子，它们会隐式合并，导致不可
❤ VUE3 项目具体配置（二）一、create-vue快速生成项目原理介绍： 前段时间我们有去探索了一下vue-cli、cra的原理，生成项目的过程，他是基于webpack的，但是今天我们的主角是create-vue，他是基于vite的，为什么要使用vite而不是webpack呢？因为vite比webpack快。如何用vite去初始化一个Vue3的项目npm init vue@latest
或者
转载
2024-06-25 08:57:00
66阅读
Vuejs 3.0 在北京时间2020年9月19日凌晨，终于发布了 3.0 版本，代号：One Piece。此次vue3.0 为用户提供了全新的 composition-api 以及更小的包大小，和更好的 TypeScript 支持。
Vue3.0发布链接github.com Vue 是当前非常流行的框架，Vue3.0更是酝酿了2年多的时间，经过2600多次comm
转载
2024-01-10 18:08:57
64阅读
前言尽管现在 Vue3 是默认版本，但还有许多用户、相关库、周边生态使用的是 Vue2，且由于依赖兼容性、浏览器支持要求或没有足够的带宽升级，导致不得不继续使用 Vue2。难道 Vue3 发布了这么多“真香”的特性，我们 Vue2 的用户与项目就只能眼巴巴地看着？当然不是！有一个好消息是，前两天 Vue2.7 正式发布了。在此版本中，从 Vue3 向后移植了一些最重要的功能，以便 Vue2 用户也
转载
2023-09-20 15:02:05
77阅读
在讲解之前，我们先了解一下数据响应式是什么？所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。从Vue2到Vue3都使用了响应式，那么它们之间有什么区别？Vue2响应式：基于Object.defineProperty()实现的。Vue3响应式：基
var vue = new Vue({ el: "#vueArea", data: { list: [] }, mounted: function () { this.cityData(); }, methods: { cityData() { var self = this; ajaxPureRe
原创
2021-08-10 11:34:36
731阅读
原因：文件导入时，大小写不对。参考地址：https://blog.csdn.net/weixin_46808962/article/detail...
原创
2022-03-10 10:38:17
1648阅读
2评论
