Vue
关注
分享
扫一扫
Galen-gao
Full-stack java, scala developer, code geek, programming geek
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Java程序员入门Vue基础之Class 与 Style绑定（四）
1.前言在日常开发中经常有对Dom元素动态绑定一些class属性或者style样式，我们可以使用v-bind 指令来实现效果，对于Vue指令感兴趣的同学不妨可以看一看我之前写的文章 Java程序员入门Vue基础之指令入门学习（三）。2. 绑定HTML Classv-bind 指令主要用法就是动态的更新DOM元素上的属性，下面我们将演示在Vue中如何动态切换和更新Class。2.1 对象语法...原创 2020-06-21 15:21:39 · 410 阅读 · 0 评论 -
Java程序员入门Vue基础之指令入门学习（三）
文章目录前言1. 条件渲染指令1.1 v-if1.2 v-else 、v-else-if 指令1.3 v-show 指令2. 列表渲染成 v-for 指令3. 方法与事件指令3.1 v-bind3.2 v-on 指令4. 其他指令4.1v-text 与 v-html前言我们在学习Java的时候知道有JSP页面，我们通过EL表达式可以取到后台的值然后进行页面的渲染。在Vue中也有类似的编程特点。Vue提供了带前缀v，它绑定特定的表达式然后将值应用到具体的DOM上。下面介绍一下常常开发中使用到的Vue原创 2020-06-20 01:30:31 · 1761 阅读 · 2 评论 -
Java程序员入门Vue基础之数据绑定与计算属性（二）
文章目录1. 数据绑定2.计算属性1. 数据绑定数据绑定是讲数据和视图相关联，当数据发生变化时，可以自动更新视图。插入值文本插入值是最基本使用方式，我们在vue渲染的组件中使用{{message }} 然后将vue的data中设置messaged的值，代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view原创 2020-06-18 22:30:00 · 490 阅读 · 0 评论 -
Java程序员入门Vue基础（一）
文章目录1.为什么要学习VUE2. Vue的架构3. HelloWorld4. VUE-devtools1.为什么要学习VUE最近公司的领导让我抽空学习一下VUE，下一个项目要用到它。这么多年开发中也知道有VUE这个东西发展很迅猛，基本上国内的互联网企业用VUE的越来越多，而且面试招聘中也要求熟练和使用VUE的需求。2. Vue的架构在学习VUE之前了解过其是一个MVVM模型架构，JAVA程序员一定对MVC软件架构模式很清晰。MVC分为 Model（模型）、Controller（控制器）、Vie原创 2020-06-17 20:53:45 · 7549 阅读 · 2 评论