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: 对象类型
前言最近Vite2.0很火热,说是要替代webpack作为下一代前端构建工具。上个周末搬完房子仔细研究了一下,照着我们目前的项目环境,尝试搭建了一套基础环境,简单了解了Vite2.0的配置,以及各种库的集成。这里对Vite2.0不做过多的介绍,主要优点就是快,快,快。环境配置一条命令创建一个空的vite项目npm init @vitejs/app vite-project在终端,输入以上命令,会让
转载 8月前
115阅读
vue2:https://v2.cn.vuejs.org/v2/guide/ vue3: https://cn.vuejs.org/guide/introduction.html
原创 2024-01-21 00:57:28
7995阅读
文章目录Vue3的简单介绍vue3的优点创建Vue3工程创建vue工程创建vue-cli工程创建vite工程vite简介创建vite工程补充:vite工程的环境变量vue-cli创建的Vue3工程的目录结构入口文件main.jsapp.vuecomponents文件夹通过cdn引入vue引入使用vue3的开发者工具 Vue3的简单介绍github上的tags:https://github.com
1. 前端框架的发展历史前端工程师 12. html css + div 13. js 加入 jquery 14. MVC angular1.0 react 15. vue 微信小程序2. Vue.js第一次使用什么是框架?什么是库(框架是有一套自己的生态系统的 库是没有自己的生态系统的, 它就是一个工具)Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以
转载 9月前
44阅读
背景:  首先声明一下,我只是个菜鸡,为了解决问题才去看的源码,解决完问题之后也就没有兴趣看其他部分代码了,所以这篇文章是一次很低层次的解读,角度也相当片面,想必会有很多喷点吧。  事情的经过是这样,今年十月底的时候对公司前端产品的构建工具做了一次升级,从webpack1升级到了webpack4,现在已经投入正式环境,写这篇文章的时候我在外边出差,忙的时候997,闲的时候也997,这会儿就有点闲得
转载 9月前
68阅读
下载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
2287阅读
前言上一篇文章写了:「后端小伙伴来学前端了」分析Vue脚手架结构简单说明了Vue的脚手架结构,但是上篇文章还欠了个小点没有说完,就在这篇文章中补齐。就是所谓的render函数。一、main.js中引入的原来是残缺版vue.js我们来接着看看main.js这个入口文件。// 引入vue import Vue from 'vue' // 引入app组件 import App from './App.v
转载 6月前
55阅读
前言大文件快速上传的方案,相信你也有过了解,其实无非就是将 文件变小,也就是通过 压缩文件资源 或者 文件资源分块 后再上传。本文只介绍资源分块上传的方式,并且会通过 前端(vue3 + vite) 和 服务端(nodejs + koa2) 交互的方式,实现大文件分块上传的简单功能.梳理思路问题 1:谁负责资源分块?谁负责资源整合?当然这个问题也很简单,肯定是前端负责分块,服务端负责整合.问题 2
转载 6月前
32阅读
前言在 uni-app 开发中  scroll-view 组件用到几率也是比较大滴,存在问题主要是:点击子元素,子元素在什么位置展示?今天我们来好好总结一下 0.0~Part.1  可能出现的需求效果一:当前点击子元素靠左展示 效果二:当前点击子元素靠左留一展示 效果三:当前点击子元素居中展示 应该常见的用户体验效果就这三种了,我们看看怎
转载 2024-04-28 20:55:26
157阅读
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阅读
@[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阅读
# 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阅读
- ## vue文件中直接写函数,完成的测试1). 安装xlsx,yarn add xlsx2). importExcel.vue(实现了 导入表格 )<template> <div class="hello"> <el-upload class="upload-demo" ref="upload" accept=".xls,.xlsx"
转载 2024-10-28 09:59:35
96阅读
文章目录Vue源码解读系列前言一、源码下载二、目录解读三、找到打包入口文件四、如何进行代码调试总结 前言  如何设计API和如何使用元编程思想(元编程,简单说是指框架的作者使用一种编程语言固有的语言特性,使得使用者能够以新语法和语义来构建应用程序,从而获得更好的开发体验)将新特性融入到框架中,是现代JS框架设计的两个核心,Vue.js侧重于后者。   元编程思想涉及具体实现,需要考虑很多细节,比
转载 8月前
98阅读
remjs        引入该js以后   100px就是1rem 自动帮我们转换计算         例如:                 UI出图写的是 500px  600px     &n
转载 9月前
404阅读
vue3.0-practice-roomvue3.0学习仓,记录,爬坑,实践,分享一、使用vue-cli4.5+安装VUE3.01.首先需要按照原始搭建模式下载vue脚手架npm install -g @vue/clivue create vue3.0-practice-room2.选择安装3.0版本vuevue-cli,4.5版本已有此选项,往前版本未测试)在Choose a version
转载 9月前
108阅读
前言之前看了雪碧大佬的将 React 渲染到嵌入式液晶屏觉得很有意思,React能被渲染到嵌入式液晶屏,那Vue是不是也可以呢?所以本文我们要做的就是:如标题所示,就是将Vue渲染到嵌入式液晶屏。这里使用的液晶屏是0.96 寸大128x64分辨率的SSD1306。要将Vue渲染到液晶屏,我们还需要一个桥梁,它必须具备控制液晶屏及运行代码的能力。而树莓派的硬件对接能力和可编程性天然就具
正文缘起    作为一个.Net攻城狮已经4年有余了,一直不温不火,正好近来项目不是很忙,闲得无聊,搞一搞新技术,一方面是打发无聊的时间,一方面也是督促自己该学习辣!身边的大神都转行的转行,加薪的加薪,本人比较懒,只想搞技术 [哭笑] ,也是怀着小小的梦想,做一个系列文章可以和大家一起进步,讨论,希望总阅读数能上1万(已实现12月28日19:41),阅读2万
转载 10月前
50阅读
1、什么是锚点锚点(achor):其实就是超链接的一种。如:普通的超链接 <a href="sub_task_detail.php">详细</a>  主要实现不同页面之间的跳转带锚点的超链接 <a href="sub_task_detail.php#test"> </a>   可以在同一个页面的不同位置进行点位跳转2、锚点的使用锚
转载 2024-09-06 13:11:36
876阅读
  • 1
  • 2
  • 3
  • 4
  • 5