vue项目结构前置准备1.nodejs
2.vue-cli
3.创建项目：vue ui vue create 项目名（不能用纯VUE做名字）
项目结构node_modules //依赖 插件包 可以删 包里的插件全部在一个网站里【重点】public //公共目录，存放着唯一的html模板【重点】src //源代码 项目的核心所在，不能删
......
51
0
0
2024-07-03
1. Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Release v3.0.0 One Piece · vuejs/core截止2023年10月，最新的公开版本为：3.3.41.1. 【性能的提升】打包大小减少41%。初次渲染
......
86
0
0
2024-07-03
使用 vue 开发时，频繁使用到了 axios 这个网络请求库，这里对其做一个发起请求时携带参数方式的小结。一、基本使用1.1. GET 请求注意：GET请求无请求体，可以是可以有请求体body的,但是不建议带。为什么不建议带请求体？:::details 由文心大模型 3.5 生成在HTTP协议中，GET请求通常用于请求数据，而POST请求则通常用于提交数据
......
65
0
0
2024-07-03
引子json-server 为前端带来后端服务官网全局安装 json-server 工具yarn global add json-server
新建一个 json 文件夹cd db
{
"cart": [
{
"id": 1,
"name": "“小金龙”龙年款实战贾莫兰特男子篮球鞋",
"pri
......
59
0
0
2024-07-03
引子有没有想过在 Vue.js 中，当我们点击一个按钮来显示某个特性的时候，我们的浏览器正在背后默默地为我们处理一堆事情，然后回馈给我们结果？这就是 Vue 的异步组件的魔力所在。那么如何才能学会掌握这个超级能力呢？让我们进入 Vue 异步组件的世界，一起探索其中的奥秘吧！三大法宝1. Promise大法好Promise 是 JavaScript 中处理异步
......
71
0
0
2024-07-03
一、引言Mixin 的概念在编程中，Mixin 是一种代码复用的技术，它允许你将多个类中的代码提取出来，形成一个独立的模块，并在需要的时候将其应用到其他类中。Mixin 可以用来实现代码的重用、扩展和定制。Mixin 的主要作用代码重用：通过将共同的代码提取到一个 Mixin 中，可以避免在多个类中重复编写相同的代码，从而提高代码的可维护性和可读性。功能扩展
......
47
0
0
2024-07-03
一、引言介绍 Vue 插槽的背景和作用在 Vue 中，插槽（Slot）是一个非常重要的概念，它允许我们在组件中定义一些可供父组件填充内容的区域。当我们在组件中使用 元素时，父组件可以通过 元素来提供内容，这些内容会被渲染到对应的插槽中。插槽的作用主要有以下几个方面：内容重用：通过使用插槽，我们可以在不同的组件中重用相同的内容，从而提高代码的可维护性和重用性。
......
69
0
0
2024-07-03
Vue 中主要用到的设计模式包括：一.观察者模式（Observer Pattern）：Vue 使用观察者模式来实现数据的响应式，当数据发生变化时，相关的视图会自动更新。举个栗子：数据绑定：在Vue模板中使用双向数据绑定 v-model，当输入框中的内容发生变化时，绑定的数据也会相应地更新，这就是观察者模式的应用。<input type="text" v
......
138
0
0
2024-06-09
Vue 3是一个非常流行的前端框架，广泛应用于大型互联网企业和个人项目。虽然我们已经熟悉了一些常见的 Vue 3 知识，但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。本文将介绍一些不太常见的Vue 3知识点。01、TeleportTeleport 是 Vue 3 中不太常见但非常有用的功能。它允许我们在组件
......
124
0
0
2024-06-05
前言SSR大家肯定都不陌生，通过服务端渲染，可以优化SEO抓取，提升首页加载速度等，我在学习SSR的时候，看过很多文章，有些对我有很大的启发作用，有些就只是照搬官网文档。通过几天的学习，我对SSR有了一些了解，也从头开始完整的配置出了SSR的开发环境，所以想通过这篇文章，总结一些经验，同时希望能够对学习SSR的朋友起到一点帮助。我会通过五个步骤，一步步带你完
......
130
0
0
2024-05-29
前言我们详细的讲解了普通对象和数组实现响应式的原理，但是Proxy可以做的远不止于此，对于es6中新增的Map、Set、WeakMap、WeakSet也一样可以实现响应式的支持。但是对于这部分的劫持，代码中的逻辑是完全独立的一套，这篇文章就来看一下如何基于函数劫持实现实现这个需求。为什么特殊在上一篇文章中，假设我们通过data.a去读取响应式数据data的属
......
254
0
0
2024-05-12
导读记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅读源码变得越来越困难，但是面试的时候，Vue的响应式原理几乎成了Vue技术栈的
......
198
0
0
2024-05-12
Vue-Element-Admin使用本篇为Vue-element-admin开源框架的使用，用于使用该框架的一些方法和注意点布局解析vue-admin布局主要依赖三大块，Layout、app-main、router-viewLayoutvue-element-admin 中大部分页面都是基于这个 layout 的，除了个别页面如：login , 404,
......
203
0
0
2024-05-09
前言大家好，我是腾讯云开发者社区的 Front_Yue，本篇文章将带领大家探讨如何使用 Vue 插槽，以及最佳实践。Vue 是一款非常流行的前端框架，它提供了很多方便的功能，其中之一就是插槽。插槽是一种非常灵活的方式，可以帮助我们提高组件的复用性。一、什么是插槽插槽是一种 Vue 组件的特殊属性，它可以让我们在组件中插入任意内容。插槽可以让我们在组件中定义一
......
240
0
0
2024-05-07
可以将 slot 理解成一个占位的东西，我们提前在模板中放置一个占位的标记，当其他地方要使用模板时就可以通过标记再传进来具体的内容，这样就可以实现更强的复用能力。 slotslot 在英语中作为名词时表示：（可投入东西的）狭长孔，狭槽；（在一系列事件中为某事安排的）时间，空档；（组织、团体等中的）位置，职位。在 vue 中翻译成插槽：vue 实现了一套内容分
......
216
0
0
2024-05-06