我想有过vue开发经验的，对于vue.use并不陌生。当使用vue-resource或vue-router等全局组件时，必须通过Vue.use方法引入，才起作用。那么vue.use在组件引入之前到底做了那些事情呢？让我们一窥究竟。先上vue.use源码Vue.use = function (plugin) {
/* istanbul ignore if */
if (plugin.
转载
2024-06-18 20:30:48
170阅读
背景： 首先声明一下，我只是个菜鸡，为了解决问题才去看的源码，解决完问题之后也就没有兴趣看其他部分代码了，所以这篇文章是一次很低层次的解读，角度也相当片面，想必会有很多喷点吧。 事情的经过是这样，今年十月底的时候对公司前端产品的构建工具做了一次升级，从webpack1升级到了webpack4，现在已经投入正式环境，写这篇文章的时候我在外边出差，忙的时候997，闲的时候也997，这会儿就有点闲得
文章目录Vue源码解读系列前言一、源码下载二、目录解读三、找到打包入口文件四、如何进行代码调试总结 前言 如何设计API和如何使用元编程思想（元编程，简单说是指框架的作者使用一种编程语言固有的语言特性，使得使用者能够以新语法和语义来构建应用程序，从而获得更好的开发体验）将新特性融入到框架中，是现代JS框架设计的两个核心，Vue.js侧重于后者。 元编程思想涉及具体实现，需要考虑很多细节，比
前言最近Vite2.0很火热，说是要替代webpack作为下一代前端构建工具。上个周末搬完房子仔细研究了一下，照着我们目前的项目环境，尝试搭建了一套基础环境,简单了解了Vite2.0的配置，以及各种库的集成。这里对Vite2.0不做过多的介绍，主要优点就是快，快，快。环境配置一条命令创建一个空的vite项目npm init @vitejs/app vite-project在终端,输入以上命令，会让
前言大文件快速上传的方案，相信你也有过了解，其实无非就是将 文件变小，也就是通过 压缩文件资源 或者 文件资源分块 后再上传。本文只介绍资源分块上传的方式，并且会通过 前端（vue3 + vite） 和 服务端（nodejs + koa2） 交互的方式，实现大文件分块上传的简单功能.梳理思路问题 1：谁负责资源分块？谁负责资源整合？当然这个问题也很简单，肯定是前端负责分块，服务端负责整合.问题 2
下载element-admin框架点击该地址：https://github.com/PanJiaChen/vue-element-admin用git clone https://github.com/PanJiaChen/vue-element-admin或者直接下载压缩包都可以 2.安装依赖打开项目根目录，在根目录
转载
2024-03-04 15:16:17
2291阅读
1. 前端框架的发展历史前端工程师 12. html css + div 13. js 加入 jquery 14. MVC angular1.0 react 15. vue 微信小程序2. Vue.js第一次使用什么是框架？什么是库（框架是有一套自己的生态系统的 库是没有自己的生态系统的， 它就是一个工具）Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以
前言上一篇文章写了：「后端小伙伴来学前端了」分析Vue脚手架结构简单说明了Vue的脚手架结构，但是上篇文章还欠了个小点没有说完，就在这篇文章中补齐。就是所谓的render函数。一、main.js中引入的原来是残缺版vue.js我们来接着看看main.js这个入口文件。// 引入vue
import Vue from 'vue'
// 引入app组件
import App from './App.v
vue基础1、下载vue.js vue官网：https://cn.vuejs.org/v2/guide/ 直接下载文件 2、引用：跟引入jquery一样，利用script标签映入 3、使用：let vm=new Vue({
el:""，
data:{
}
})4、基础属性el ：element（元素） 字符串类型 用于选择元素，类似css的选择器，#id名、.class名data： 对象类型
嵌套外部网页在有些时候，我们需要在我们的内容栏主区域显示外部网页。如查看服务端提供的SQL监控页面，接口文档页面等。这个时候就要求我们的导航菜单能够解析嵌套网页的URL，并根据URL路由到相应的嵌套组件。接下来我们就讲解具体实现方案。实现原理1. 给菜单URL添加嵌套网页前缀，如果是服务端网页，除内部URL外，以iframe:前缀开头，外部网页直接以http[s]完整路径开头。2. 路由导航守卫在
1. v-bind 样式绑定变量<template>
<div class="text">hello</div>
</template>
<script setup lang="ts">
const color = ref('red');
</script>
<style>
.text {
co
fullCalendar相关API使用fullCalendar插件在项目中实现日程排版，支持天、月日程转换，自定义事件页面布局通过按钮切换天与月视图的转换，天视图回显具体的时分排版项目，月视图回显缩略信息<div class="order-day-calendar h-100 clearfix">
<div id='calendar' class="h-100" @co
简介Avue是基于Vue.js和element的快速开发框架 它的核心是数据驱动UI的思想，让我们从繁琐的crud开发中解脱出来，它的写法类似easyUI，但是写起来比easyui更容易，因为它是基础数据双向绑定以及其他vue的特性。同时不知局限于crud，它还有我们经常用的一些组件例如，表单，数据展示卡，人物展示卡等，更多的组件还在开发avue综合实际实例
技术文档
源码地址
更新日志
在线de
目录Vue面试题如何做到浅入深出村长的话下面开会v-if和v-for哪个优先级更高？如果两个同时出现，应该怎么优化得到更好的性能？Vue组件data为什么必须是个函数而Vue的根实例则没有此限制？你知道vue中key的作用和工作原理吗？说说你对它的理解。你怎么理解vue中的diff算法？谈一谈对vue组件化的理解？谈一谈对vue设计原则的理解？谈谈你对MVC、MVP和MVVM的理解？你了解哪些Vu
改造项目CodePen原项目Calendar场景自己写个聚合首页，方便自己统一管理常用的网页工具，参考的是Mac OS的仪表盘，如下： 虽然短时间没法做到这么精美，但是起码功能得差不多吧，时钟与天气都已经OK，在做日历的时候觉得比较麻烦，就去CodePen找找看，便有了如此。源码迁移CodePen上的原项目本身难度不高，繁琐在理清楚日历逻辑(原作者逻辑)，以及将此作者项目中关于DOM的
1、html<el-table :data="tableData" @selection-change="handleSelectionChange" class="my-table" :row-key="getRowKeys" border v-loading="loading"
原创
2022-11-21 11:29:49
218阅读
# Vue 3、TypeScript 和 Element Plus：现代前端开发的完美组合
在当今的前端开发领域，Vue 3、TypeScript 和 Element Plus 的组合正在迅速获得开发人员的青睐。Vue 3 是一个渐进式 JavaScript 框架，TypeScript 是一种强类型的编程语言，而 Element Plus 则是基于 Vue 3 的高质量UI组件库。这三者结合可以
原创
2024-09-28 03:37:56
176阅读
@[toc]
首先 npm 安装npm install element-plus然后 vue3 项目的 main.js 中初始化import ElementPlus from 'element-plus' // 引入
import "element-plus/dist/index.css" // 引入样式
const app = createApp(App)
app.use(ElementPlu
原创
2023-05-09 20:56:14
272阅读
vue3+element-plus+登录逻辑token环境搭建安装脚手架工具1 npm i @vue/cli@4.5.13 -g验证是否安装成功1 vue -V # 输出 @vue/cli 4.5.13脚手架初始化目录结构1 vue create jd-shop-manager手动配置需要的功能 &nbs
1、什么是锚点锚点(achor）：其实就是超链接的一种。如：普通的超链接 <a href="sub_task_detail.php">详细</a> 主要实现不同页面之间的跳转带锚点的超链接 <a href="sub_task_detail.php#test"> </a> 可以在同一个页面的不同位置进行点位跳转2、锚点的使用锚
转载
2024-09-06 13:11:36
879阅读
