E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vue2.0
Vue2.0
模板编译原理
一、模板编译Vue.js通过编译将模板转换成渲染函数(render),执行渲染函数就可以得到一个虚拟节点树,使用这个虚拟节点树就可以渲染页面。模板编译成渲染函数分为三部分(解析器、优化器、代码生成器):将模板解析成AST(AbstractSyntaxTree,抽象语法树)遍历AST标记静态节点。这样在虚拟DOM中更新节点时,如果发现有静态标记,则不会重新渲染它。使用AST生成渲染函数二、解析器解析
MiemieWan
·
2023-10-11 01:50
vue源码
后台管理系统 Vue-Element 基础功能
移除数组某个元素arr.join(',')//合并成字符串简介基于Vue+Webpack+ElementUI框架,实现后台管理系统基本布局使用npm安装vue和vue-cli,并使用webpack创建项目
vue2.0
Lyndon1107
·
2023-10-10 03:38
前端
vue
vue如何获取Elementui Tree 树形控件当前选中的节点
vue-element-admin一个基于
vue2.0
和Eelement的控制面板UI框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板以及非常的成熟了,并且有相关的社区和维护人员,开发时候遇到问题也不要慌
祈澈菇凉
·
2023-10-09 12:36
Vue2.0
学习笔记4:计算属性、监视属性
目录一、计算属性1.什么是计算属性2.计算属性的优点3.计算属性使用示例4.计算属性的简写二、监视属性1.什么是监视属性2.实现监视的两种方法3.深度监视3.监视属性的简写三、计算属性与监视属性对比1.主要区别一、计算属性1.什么是计算属性“计算属性”中的“属性”指的是data配置项中的属性。而将这些属性进行“加工”,从而得到新的属性,这就是“计算属性”。“计算属性”是一个全新的配置项,它的名字是
窝窝头一块钱4.1个
·
2023-10-08 20:44
vue2基础知识
vue.js
javascript
前端
【Vue】笔记二:Vue详解以及从
Vue2.0
到Vue3.0的技术栈梳理及操作步骤
从
Vue2.0
到Vue3.0的技术栈梳理及操作步骤一、Vue介绍1、Vue.js的优点2、Vue.js的安装与使用3、Vue组件和指令4、Vue.js的响应式原理5、Vue.js的生命周期6、总结二、
Vue2.0
网络真危险!!
·
2023-10-08 16:27
#
vue技术栈
vue.js
javascript
前端
尚硅谷
Vue2.0
+ Vue3.0 入门到精通教程学习笔记 (五)
第五章:Vuex5.1理解vuex5.1.1vuex是什么1.概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。2.GitHub地址:GitHub-vuejs/vuex:️CentralizedStateManagementforVue.js.5.1.2什么时候使用Vuex1
上官海岚
·
2023-10-08 16:26
Vue学习笔记和案例
学习
vue.js
前端
前端框架
尚硅谷
Vue2.0
+ Vue3.0 入门到精通教程学习笔记 (六)和(七)
第六章:vue-router6.1相关理解6.1.1vue-router的理解vue的一个插件库,专门用来实现SPA应用6.1.2对SPA应用的理解1.单页Web应用(singlepagewebapplication,SPA)。2.整个应用只有一个完整的页面。3.点击页面中的导航链接不会刷新页面,只会做页面的局部更新。4.数据需要通过ajax请求获取。6.1.3路由的理解1.什么是路由?①一个路由
上官海岚
·
2023-10-08 16:26
Vue学习笔记和案例
学习
前端
vue.js
node.js
前端框架
Vue2.0
开发购物车实例
看了慕课网的使用
Vue2.0
开发购物车的教程之后,自己也实现了一遍。
Lucky_LXG
·
2023-10-08 03:24
基于vue开发的项目
Vue2.0开发购物车实例
老项目将
VUE2.0
项目vue-cli配置改造成vite项目配置
背景目前在公司维护一个之前开发以
VUE2.0
为基础采用vue-cli打包的项目。
咸鱼打工人
·
2023-10-07 22:55
vite
vue.js
前端
vue
web
经验分享
前端框架库汇总
VueVue2.0:
Vue2.0
文档Vue3.0:Vue3.0文档Vue-Router:Vue.js官方的路由管理器。Vuex:Vue.js应用程序开发的状态管理模式。
涅槃快乐是金
·
2023-10-06 21:07
vue移动端用什么数据可视化插件_vue-cli+v-charts实现移动端可视化图表
基于
Vue2.0
和echarts封装的v-charts图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。v-charts的中文社区文档(https://v-
weixin_31775717
·
2023-10-06 12:50
vue
框架市场很长时间,接着react框架横空出世,因为它有一个特性是虚拟DOM,从性能上碾轧angularJS,这个时候,vue1.0悄悄的问世了,它的优雅,轻便也吸引了一部分用户,开始收到关注,16年中旬,
VUE2.0
J_Ronaldo
·
2023-10-04 07:08
13个开发常用的Vue UI组件库
image1.ElementUIElementUI是一套为开发者、设计师和产品经理准备的基于
Vue2.0
的桌面端组件库。它是一个用于Web的UI组件库,除了Vue之外,它还具有
shine001
·
2023-10-03 07:55
VSCode 使用
Vue2.0
通用结构模板
安装vscode官网:https://code.visualstudio.com/安装Vetur插件,识别vue文件应用商店中搜索Vetur,点击安装,安装完成之后点击重新加载新建代码片段文件➡首选项➡用户代码片段➡点击新建全局代码片段➡取名vue➡确定粘入自定义.vue模板,代码如下{"Printtoconsole":{"prefix":"vue","body":["","","$5","","
Fong灵
·
2023-10-01 14:59
vscode
ide
编辑器
vue2.0
vue-i18n报错问题处理
1、首先升级vue-i18n的版本为^8.26.7"vue-i18n":"^8.26.7",2、main.js文件进行更换://自动设置语言constnavLang=navigator.language;constlocalLang=(navLang==='zh-CN'||navLang==='en-US')?navLang:false;constlang=window.localStorage.
爱吃的瓜~
·
2023-10-01 01:41
vue.js
javascript
前端
TypeScript + vue3.0项目实战中遇到的问题及解决方案
——吴玉章系列文章目录第一章论vue3.0和
vue2.0
区别之编程方式及例子详解第二章同一台电脑实现vue-cli2和vue-cli3同时并存及常见命令第三章vue3.0项目实战-ElementUI框架版第四章
BMG-Princess
·
2023-09-30 18:06
项目中的疑难问题
typescript
前端
javascript
vue3.0
vue.js
Vue2.0
和Vue3.0的区别
Vue2.0
和Vue3.0是同一个流行的JavaScript框架Vue.js的不同版本。
泡芙·草莓
·
2023-09-30 18:26
vue.js
javascript
ecmascript
Vue3.0 的性能优化
1.diff算法优化
vue2.0
中虚拟dom是全量对比;vue3.0中新增了静态标记(patchFlag),只对比有PF的节点,并且通过Flag的信息对比节点的具体内容。
南枫小谨
·
2023-09-29 13:05
修改vue-element-admin左侧导航栏的背景颜色
vue-element-admin一个基于
vue2.0
和Eelement的控制面板UI框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板以及非常的成熟了,并且有相关的社区和维护人员,开发时候遇到问题也不要慌
祈澈菇凉
·
2023-09-28 23:57
从
vue2.0
到3.0需要做哪些改变
官方文档https://staging-cn.vuejs.org/guide/introduction.html#what-is-vuehttps://v3.cn.vuejs.org/guide/installation.html#vitewebpack--》vitenpminitvite@latest--templatevue-ts//ts工程,js工程不加-tsmain.ts文件(包括引入el
简小咖
·
2023-09-28 22:14
Vue Router的安装
安装的Vue-Router插件时需要注意版本信息,
Vue2.0
使用的是Vue-Router3.x,而Vue3.0使用的是Vue-Router4.x。
菜园前端
·
2023-09-28 15:50
vue.js
javascript
ecmascript
Vue 2.0 知识点总结
Vue2.0
知识点总结
Vue2.0
知识点总结1.vue简介1.1框架的概念1.2Vue的概念1.3vue的特性数据驱动视图双向数据绑定MVVMMVVM的工作原理2.vue的基本使用2.1初步导入和配置2.2
魔术师ID
·
2023-09-28 14:03
Vue
vue.js
前端
javascript
Element初识安装
如今的测试行业,只能说人才济济,掌握更多的知识,方可站稳脚步,这不、对于前端知识内容又要进行更新了"Element"官方介绍:Element,一套为开发者、设计师和产品经理准备的基于
Vue2.0
的桌面端组件库个人觉得这个库的使用更加方便简洁
TestingShare
·
2023-09-28 12:07
组件间的交互===
Vue2.0
事件发射与接收
由于
vue2.0
移除了1.0中的broadcast这两个组件之间通信传递数据的方法,官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了一个空的vue实例就可以做到,因为Vue实例实现了一个事件分发接口
coffee1949
·
2023-09-28 11:31
Vue通过配置代理解决跨域问题
以及prod.env.js文件dev.env.js是配置本地环境的prod.env.js是配置正式环境的分别在这两个文件下的API_URL中写下对应的正式服测试服域名下面的是正式服的域名2.配置跨域//
vue2.0
春蕾夏荷_728297725
·
2023-09-28 09:36
ElemntUI
vue.js
javascript
前端
vue.js 使用keep-alive设置返回不刷新
vue2.0
提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗。二、它有两个生命周期:activated:keep-alive组件激活时调用deactiv
王哈哈zzz
·
2023-09-28 07:00
XBlog: Vue+Express+Mongodb的全栈可扩展的完整博客系统
https://github.com/billyhoomm/XBloghttp://blog.billyhu.com说明(Instructions)本项目后台基于express、mongodb,前台基于
Vue2.0
一点红3340
·
2023-09-27 23:06
简单的理解Vue diff算法和virtual Dom的原理
因此
vue2.0
选了一个中等粒度的方案,那就是引入虚拟DOM,并把依赖变成组件级别。当状态发生变化时,只通知到组件,然后组件
鸭鸭:)
·
2023-09-27 13:08
vue
前端
vue.js
算法
前端
vue总线Bus.js
当然
Vue2.0
提供了Vuex,但在简单的场景下,可以使用一个空的Vue实例作为中央事件总线。
七幺七
·
2023-09-25 13:10
element-ui的form数组表单验证(循环表单验证)
基于
vue2.0
的element-ui的form表单验证比较简单,但是有些同学可能对于数组类型的表单验证无从下手,这里我基于一个我自己项目中的例子,展示一下怎么进行数组的表单验证。
Robertbiu
·
2023-09-25 02:59
Web前端-
Vue2.0
框架学习
Web前端-Vue框架学习1.前端工程化与Webpack1.1隔行变色的demo实现1.2webpack的基本使用1.3webpac插件1.3.1webpack-dev-server插件1.3.2html-webpack-plugin1.4webpack中的loader(加载器)1.4.1css-loader1.4.2less-loader1.4.3url-loader&file-loader(处
GY-93
·
2023-09-24 18:53
web前端
前端
vue.js
学习
跟技术胖学vue3.0(typescript版)(二) setup() , ref() 和 reactive()
tips:
vue2.0
和vue3.0的区别没有datamethodscomputed那些内容了而是用setup()函数代替里的“根元素”不再只能是一个了一.setup()函数现在,我们没有必要把数据写在
熊爸天下_56c7
·
2023-09-24 08:10
Vue2.0
笔记(一)
本笔记来源与官网vue教程和第三方教学视频,并不十分全面,但也可以作为一个复习提纲,一边对应目录,一边复习相关知识点。vue体验1.创建vue的实例letvm=newVue({el:'#app';//与html中id为app的关联data:{massage:'你好,世界!'//替换{{massage}}的数据}})1.指令指令v-model指令v-oncev-ifv-showv-forv-text
星腾_范特西
·
2023-09-24 02:41
2018-03-23 vue-happy-scroll是一款基于
vue2.0
的滚动条插件
解决了EasyScrollIE不兼容的问题转载:http://swift.ctolib.com/article/wiki/69135
small_zeo
·
2023-09-23 21:50
vue xunidom_浅谈Vue中的虚拟DOM
前言
Vue2.0
引入了虚拟DOM,比Vue1.0的初始渲染速度提升了2~4倍,并大大降低了内存消耗。
weixin_39680208
·
2023-09-23 10:18
vue
xunidom
Vue学习笔记
本篇文章主要是围绕
vue2.0
官方文档进行简化和总结,如果读者是零基础,请阅读官方文档~(2022/1/3…持续更新https://cn.vuejs.org/v2/guideVue2.0学习笔记Vue的介绍
okouk
·
2023-09-22 16:53
vue
vue
vue.js
vscode创建vue项目
blog.csdn.net/weixin_45633422/article/details/115019629和https://teech-lab.com/vue-js-vscode-settings/1041/
vue2.0
安達と島村
·
2023-09-22 10:20
vue
vue.js
vscode
javascript
Vue3.0与
Vue2.0
的区别(超详细)
目录生命周期的变化多根节点异步组件Teleport组合式API响应式原理虚拟DOM事件缓存Diff优化打包优化自定义渲染APITypeScript支持生命周期的变化整体来看,变化不大,只是名字大部分需要+on,功能上类似。使用上Vue3组合式API需要先引入;Vue2选项API则可直接调用,如下所示。// vue3 import { onMounted } from vueonMounte
前方路远
·
2023-09-21 23:50
vue
vue
vue2.0
使用render函数对el-table表格再封装
在用el-table的时候,用一个数组进行循环就可以了,但是当我们需要对某一列的数据进行二次处理就会用,那么就不能进行循环了,就需要在模版中一个一个的写,造成模版的代码量大,所以我就对el-table进行了二次封装//这是table.vue文件exportdefault{name:"GTable",props:{serialNumber:{type:Boolean,default:true},//
likang1314520
·
2023-09-21 12:35
javascript
html5
vue.js
elementui
vue 项目首页加载速度优化以及解决首页白屏问题
本篇博客介绍的
vue2.0
版本的优化,
郝艳峰Vip
·
2023-09-21 11:10
性能优化以及seo
vue.js
vue.js
webpack
javascript
node包管理器nvm的安装与使用,以及安装遇到的问题和解决方案
前言随着vue3.0的普及,公司的新项目也都开始使用vue3.0+typescript+vite的模式了,但是有的老项目还在有
vue2.0
,所以在开发不同项目的时候就会遇到因为node版本不同带来的各种不兼容
郝艳峰Vip
·
2023-09-21 11:10
node.js
node.js
React还是Vue:你该如何选择?
但是2016对Vue来说也是同样令人印象深刻的一年,它发布了
Vue2.0
版本并且在JavaScript社区引起了巨大反响,GitHub上多
·
2023-09-20 22:49
vue.jsreact.js
尚硅谷
Vue2.0
+ Vue3.0 入门到精通教程学习笔记 (四)
第四章:Vue中的ajax4.1解决开发环境Ajax跨域问题——Vue脚手架配置代理本案例采用axios作为发送Ajax请求的库,因此首先需要下载并引入axios:在VSCode终端处输入命令:npmiaxios第二步,利用脚手架vue-cli开启代理服务器:vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exp
上官海岚
·
2023-09-20 17:34
Vue学习笔记和案例
学习
javascript
vue.js
前端
前端框架
尚硅谷
Vue2.0
+ Vue3.0 入门到精通教程学习笔记 (一)
目录第1章:Vue核心1.1Vue简介1.1.1官网1.1.2介绍与描述1.1.3Vue的特点1.1.4与其他JS框架的关联1.1.5Vue周边库1.2初始Vue1.3模板语法1.4数据绑定1.5el与data的两种写法1.6MVVM模型1.7数据代理1.7.1Object.defineProperty方法1.7.2何为数据代理1.7.3Vue中的数据代理1.8事件处理1.8.1事件的基本使用1.
上官海岚
·
2023-09-20 17:04
Vue学习笔记和案例
前端
javascript
vue.js
开发语言
vue2.0
检测无用的代码并删除
(1)、使用useless-files-webpack-plugin来查找无用文件npmiuseless-files-webpack-plugin-S(2)、vue.config.js中配置constUselessFile=require('useless-files-webpack-plugin')chainWebpack:config=>{config.plugin('uselessFile'
javascript艺术
·
2023-09-19 20:26
vue
javascript
前端
vue2.0
中watch用法
watch:观测Vue实例上的数据变动,对应一个对象,键:就是需要监测的那个东西,值:1.可以是当键变化时执行的函数,有两个参数,第一个是变化前的值,第二个是变化后的值。2.可以是函数名,得用单引号包裹。3.可以是一个对象,这个对象有三个选项:(1)handler:一个回调函数,监听到变化时应该执行的函数。(2)deep:boolean值,是否深度监听。(一般监听时是不能监听到对象属性值的变化的,
一只欢喜
·
2023-09-19 14:42
关于前端知识点集合
vue.js
javascript
前端
【
Vue2.0
源码学习】生命周期篇-模板编译阶段
文章目录1.前言2.模板编译阶段分析2.1两种$mount方法对比2.2完整版的vm.$mount方法分析3.总结1.前言前几篇文章中我们介绍了生命周期的初始化阶段,我们知道,在初始化阶段各项工作做完之后调用了vm.$mount方法,该方法的调用标志着初始化阶段的结束和进入下一个阶段,从官方文档给出的生命周期流程图中可以看到,下一个阶段就进入了模板编译阶段,该阶段所做的主要工作是获取到用户传入的模
itpeilibo
·
2023-09-18 08:14
Vue深入学习
学习
vue.js
前端
vue2.0
elementui 封装表单
1.封装表单<el-selectv-model="numberValidateFo
在路上等
·
2023-09-17 03:48
js练习
elementui
vue.js
javascript
vscode安装+node.js环境搭建(mac)
安装vscode在官网VisualStudioCode-CodeEditing.Redefined下载解压即可使用插件分享:二:node.js环境搭建(使用终端brew安装最新的nodejs)可参考:
Vue2.0
郭咖啡
·
2023-09-15 20:08
Mac
vue
vscode
node.js
macos
适合初学者的vue+webpack小项目
勾三股四的vue+webpack实战用Vue构建一个NotesAppNotesApp中文版Vue60分钟系列
Vue2.0
官方demo源码解读webpack配合vue.js实现完整的单页面demo使用Vue.js
BigLuckyHaha
·
2023-09-15 08:11
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他