![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js + ElementUI
文章平均质量分 63
Vue.js,做前端必须学的框架,它与ElementUI的搭配也是一个很好的选择。
dawn
数学就这么简单有趣。
展开
-
vue中的vuex
这是vuex的学习记录原创 2024-01-29 23:11:31 · 1114 阅读 · 0 评论 -
vue中的路由
学习vue中的路由,这是学习笔记。原创 2024-01-26 20:55:20 · 1323 阅读 · 1 评论 -
vue中的插槽
学习vue中的插槽,这是学习笔记。原创 2024-01-21 23:14:54 · 511 阅读 · 0 评论 -
Vue中的组件
记录vue的学习笔记。原创 2024-01-20 14:02:10 · 575 阅读 · 0 评论 -
创建基于Vue2.0开发项目的两种方式
记录创建Vue2的开发项目的两种方式。原创 2023-02-18 15:20:52 · 3083 阅读 · 0 评论 -
三种简洁易行的方法解决基于Vue.js的组件通信
总结基于Vue.js的组件通信,三种方法都简洁可行,主要是使用简单。原创 2023-01-19 18:20:08 · 1092 阅读 · 0 评论 -
Vue组件化编程的组件通信
记录在Vue.js中父子组件的相互通信技术细节。原创 2023-01-17 19:12:03 · 555 阅读 · 0 评论 -
Vue组件化编程需要注意的命名规则
记录Vue组件化编程中需要注意的命名规则。原创 2023-01-15 16:05:55 · 869 阅读 · 0 评论 -
Vue组件化编程的基础知识要点
记录学习Vue组件编程技术的知识要点,最重要的是组件之间的消息传递。原创 2023-01-12 16:25:59 · 509 阅读 · 0 评论 -
ElementUI(1):很好的前端开发框架
前面了解了EasyUI和LayUI,这两款前端开发框架很好,如果要论流行和热度显然不及ElementUI。 昨天晚上看了ElementUI,界面、功能、与Vue.js的配合的确是好,使得开发者更专注于界面设计和功能实现,其实,EasyUI和LayUI也应该可以的,为什么就没有这方面的开发案例呢? 实现了表格数据的修改和删除,增加也一样,按钮不好放就没有做,分页要连接数据库,暂时也没有做,后面再做,原理是相通的。 EasyUI和LayUI使用上都差不多,ElementUI有点别扭,但必须原创 2022-01-07 12:29:58 · 4308 阅读 · 3 评论 -
Vue.js(7):v-if、v-else-if、v-else、v-show、v-for
v-if和v-show功能差不多,区别在于v-if如果不显示就注释掉了,而v-show则是通过style="display: none;"来隐藏的,另外v-show不支持v-else和<template>。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=原创 2021-10-31 16:55:10 · 128 阅读 · 0 评论 -
Vue.js(6):表单输入控件的绑定
Vue.js中的v-model双向数据绑定使用起来很方便。在用户操作控件时提取数据,并可以根据程序处理后的数据实时更新控件。 练习代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo原创 2021-10-21 23:59:01 · 135 阅读 · 0 评论 -
Vue.js(5):方法、计算属性和监听
在Vue.js中,同样的效果可以使用不同的手段来实现,比如下面的计算: 为了练习功能,没有做其他的判断比如除数是否为0或者输入了字母等,只是简单地通过方法、计算属性或者监听来实现两个数的相除。 一、使用方法来做:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con.原创 2021-10-10 17:27:22 · 243 阅读 · 0 评论 -
Vue.js(4):动态改变样式
在设置好样式后,可以通过代码来动态改变页面中的元素显示样式。 一个两数相除的例子,在除数输入了0则为红色报警大字体加粗显示,如果结果大于等于0则为蓝色,小于0则为绿色显示。 就像下面的样式: 第一种实现代码:(普通方式)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib.原创 2021-10-08 23:57:10 · 1003 阅读 · 0 评论 -
Vue.js(3):动态改变表格中的行样式
JavaScript和Vue.js内容很多,需要多加学习,很多基础语法都没有掌握,费了一上午的劲才算搞定。记录下来并不断完善完整,以便后面参考。 在学习Vue.js中,最好是针对某个知识点进行实践,我想了一个以前在Windows程序开发中经常用到的一个场景,在一个表格里,单、双行显示不同的背景和前景色,鼠标移入和移出是另外一个背景色和前景色。更复杂一点的设置道理一样,也可以做成渐进色背景。 代码:<!DOCTYPE html><html lang="en">原创 2021-09-29 14:31:45 · 1501 阅读 · 0 评论 -
Vue.js(2):简单理解Vue
1、框架是为了解决开发的复杂度,Vue框架就是为了简化模板渲染、事件绑定和用户交互等问题而产生的。 Vue是MVVM模型,即视图(View)-视图模型(ViewModel)-模型(Model)。 有了Vue的ViewModel,数据以及与数据相关的界面是联动的,中间的桥梁就是ViewModel。 2、当创建一个新的Vue实例时【new Vue()】时,()括号内传递的是一个包含了数据、模板、挂载元素、方法、生命周期钩子等的对象,这些都被添加到Vue的响应系统中。 响应式系原创 2021-09-27 13:30:25 · 623 阅读 · 0 评论 -
Vue.js(1):初体验
今天晚上开始学习Vue,折腾了快4个小时才完成一个基本练习。 开始练习基本语法,只涉及元素、数据、计算方法,完成了练习。 后来想加入样式判断,本来用计算方法可以实现,但是想用计算属性就熬人了,关键在获取v-for里面的数据时以及正确的函数写法遇到了问题,反复查资料反复试,熬了2个多小时,不过最终解决了还是有所收获。 完成的练习:<!DOCTYPE html><html lang="en"><head> <meta charset=原创 2021-09-26 00:51:34 · 121 阅读 · 2 评论