Vue.js + ElementUI
关注
分享
扫一扫
文章平均质量分 63
Vue.js，做前端必须学的框架，它与ElementUI的搭配也是一个很好的选择。
dawn
数学就这么简单有趣。
展开
-
vue中的vuex
这是vuex的学习记录原创 2024-01-29 23:11:31 · 1177 阅读 · 0 评论 -
vue中的路由
学习vue中的路由，这是学习笔记。原创 2024-01-26 20:55:20 · 1490 阅读 · 1 评论 -
vue中的插槽
学习vue中的插槽，这是学习笔记。原创 2024-01-21 23:14:54 · 540 阅读 · 0 评论 -
Vue中的组件
记录vue的学习笔记。原创 2024-01-20 14:02:10 · 609 阅读 · 0 评论 -
创建基于Vue2.0开发项目的两种方式
记录创建Vue2的开发项目的两种方式。原创 2023-02-18 15:20:52 · 3134 阅读 · 0 评论 -
三种简洁易行的方法解决基于Vue.js的组件通信
总结基于Vue.js的组件通信，三种方法都简洁可行，主要是使用简单。原创 2023-01-19 18:20:08 · 1128 阅读 · 0 评论 -
Vue组件化编程的组件通信
记录在Vue.js中父子组件的相互通信技术细节。原创 2023-01-17 19:12:03 · 588 阅读 · 0 评论 -
Vue组件化编程需要注意的命名规则
记录Vue组件化编程中需要注意的命名规则。原创 2023-01-15 16:05:55 · 935 阅读 · 0 评论 -
Vue组件化编程的基础知识要点
记录学习Vue组件编程技术的知识要点，最重要的是组件之间的消息传递。原创 2023-01-12 16:25:59 · 544 阅读 · 0 评论 -
ElementUI(1)：很好的前端开发框架
前面了解了EasyUI和LayUI，这两款前端开发框架很好，如果要论流行和热度显然不及ElementUI。 昨天晚上看了ElementUI，界面、功能、与Vue.js的配合的确是好，使得开发者更专注于界面设计和功能实现，其实，EasyUI和LayUI也应该可以的，为什么就没有这方面的开发案例呢？ 实现了表格数据的修改和删除，增加也一样，按钮不好放就没有做，分页要连接数据库，暂时也没有做，后面再做，原理是相通的。 EasyUI和LayUI使用上都差不多，ElementUI有点别扭，但必须原创 2022-01-07 12:29:58 · 4423 阅读 · 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 · 150 阅读 · 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 · 156 阅读 · 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 · 266 阅读 · 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 · 1073 阅读 · 0 评论 -
Vue.js(3)：动态改变表格中的行样式
JavaScript和Vue.js内容很多，需要多加学习，很多基础语法都没有掌握，费了一上午的劲才算搞定。记录下来并不断完善完整，以便后面参考。 在学习Vue.js中，最好是针对某个知识点进行实践，我想了一个以前在Windows程序开发中经常用到的一个场景，在一个表格里，单、双行显示不同的背景和前景色，鼠标移入和移出是另外一个背景色和前景色。更复杂一点的设置道理一样，也可以做成渐进色背景。 代码：<!DOCTYPE html><html lang="en">原创 2021-09-29 14:31:45 · 1591 阅读 · 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 · 677 阅读 · 0 评论 -
Vue.js(1)：初体验
今天晚上开始学习Vue，折腾了快4个小时才完成一个基本练习。 开始练习基本语法，只涉及元素、数据、计算方法，完成了练习。 后来想加入样式判断，本来用计算方法可以实现，但是想用计算属性就熬人了，关键在获取v-for里面的数据时以及正确的函数写法遇到了问题，反复查资料反复试，熬了2个多小时，不过最终解决了还是有所收获。 完成的练习：<!DOCTYPE html><html lang="en"><head> <meta charset=原创 2021-09-26 00:51:34 · 142 阅读 · 2 评论