Vue的基本用法——JavaEE笔记

最新推荐文章于 2024-09-13 17:45:00 发布
原创 最新推荐文章于 2024-09-13 17:45:00 发布 · 198 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java-ee #vue.js #java

本文将深入讲解如何使用Hbuilding软件进行项目开发，涉及v-bind、v-on、v-model指令的运用，以及登录注册示例、列表展示、axios网络请求。还将介绍v-if和v-for指令，同时涵盖前端技术如Vue组件和后端接口调用。

创建项目

使用的软件是Hbuilding
在这里插入图片描述

语法

插值

在这里插入图片描述

v-bind指令

在这里插入图片描述
在这里插入图片描述

v-on指令

在这里插入图片描述
在这里插入图片描述

v-model 指令

在这里插入图片描述
在这里插入图片描述

例子：登陆注册

在这里插入图片描述

v-if指令

在这里插入图片描述

v-for指令

在这里插入图片描述
在这里插入图片描述

显示列表

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

axios 网络请求

引入：

<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.js"></script>

不带参数

带参数

其他

element

引入：
（未完待续。。。）

20210220-javaee-CURD案例-vue+springboot前后端分离开发过程
fhzheng for c java javascript sql html css
02-20 804
文章目录vue+springboot前后端分离开发过程1 技术方案2 创建前端项目2.1 项目中的文件2.2 注意事项3 后端开发3.1 开发过程3.2 分层开发入口类实体类DAO接口类使用mybatis配置实现DAO接口业务接口与实现类控制器类3.3 注意事项4 前端开发完成后的发布5 后记4 前端开发完成后的发布5 后记 vue+springboot前后端分离开发过程 1 技术方案 前后端分离开发 前端使用vue+axios+rap2工具 vuecli，用脚手架创建项目 Home组件 User组件
Day7：Vue入门学习——传智播客学习笔记【微服务电商】
weixin_43895667的博客
02-21 1335
本节依旧是前端内容，但还是了解一下基础的入门知识 学习目标 会创建Vue实例，知道Vue的常见属性 会使用Vue的生命周期的钩子函数 会使用vue常见指令 会使用vue计算属性和watch监控 会编写Vue组件 掌握组件间通信 0. 前言 前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因此今天我们...
JavaEE（17）Vue（上）
nswzr的博客
01-30 429
1. Vue 1. 第一个Vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{msg}} </div> </body> </html> <sc
【javaEE】（6）Vue.js入门
hanhandehanpi的博客
10-26 357
JavaEE学习——Vue.js入门 一：Vue的基本用法 可以参考官方文档（非常详细） https://v3.cn.vuejs.org/guide/introduction.html 二：Vue入门案例 用HBuilder X 建立一个新项目 查看官方给的Hello 示例 根据示例修改本地html文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><
javaee之vue
Pxx520Tangtian的博客
02-28 511
子组件要改变父组件的data数据，不能直接改变，也就是prop引入了之后，你直接载入这个属性是改变不了的。那么在子类组件里面，我们要去触发父类的两个函数，直接return this.$emit("plus"),也就是通过属性名就可以去调用父类的方法。通过v-bind绑定到了当前的父组件当中，引入了一个父类属性也就是items这个属性。子类组件想要直接修改父类的data数据是不可以的，我们可以为两者建立一个联系。上面引入的是一个3.0版本的包，我们重新换一个2.0版本的。如果采用小驼峰的方式命名一个组件。
JAVAEE细细看 框架16 - Vue 小结
ZMW_IOS的博客
04-07 533
1. Vue概述 概述：Vue是一款前端渐进式框架，可以提高前端开发效率。 特点： ​ Vue通过MVVM模式,能够实现视图与模型的双向绑定。 ​ 简单来说，就是数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化. 2. Vue导入 概述：Vue是一个类似于Jquery的一个JS框架，所以，如果想使用Vue，则在当前页面导入Vue.js文件即可。 语法： <!-- 在线...
【计算机毕业设计】基基于Vue.js的在线购物系统【源码+lw+部署文档】
2665000101@qq.com
05-31 1142
摘 要随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势；对于在线购物系统当然也不能排除在外，随着网络技术的不断成熟，带动了在线购物系统，它彻底改变了过去传统的管理方式，不仅使服务管理难度变低了，还提升了管理的灵活性。这种个性化的平台特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对在线购物系统而言非常有利。本系统采用的数据库是Mysql，使用JSP技术开发，运行环境使用Tomcat服务器，ECLIPSE是本系统的开发平台。
Java开发 - 尚硅谷JavaWeb学习笔记 - Part1_Web概述&HTML入门
codeLearnerEternally的博客
06-22 1149
用Java技术来解决相关web互联网领域的技术栈.使用JAVAEE技术体系开发企业级互联网项目. 项目规模和架构模式与JAVASE阶段有着很大的差别. 在互联网项目下,首先需要明白客户端和服务器的概念客户端 :与用户进行交互，用于接收用户的输入(操作)、展示服务器端的数据以及向服务器传递数据手机APP微信小程序PC端程序PC浏览器其他设备服务端:与客户端进行交互，接收客户端的数据、处理具体的业务逻辑、传递给客户端其需要的数据“服务器”是一个非常宽泛的概念，
ssm网页小游戏交流论坛+vue
平安喜乐
08-21 850
使用旧方法对网页小游戏交流论坛信息进行系统化管理已经不再让人们信赖了，把现在的网络信息技术运用在网页小游戏交流论坛信息的管理上面可以解决许多信息管理上面的难题，比如处理数据时间很长，数据存在错误不能及时纠正等问题。这次开发的网页小游戏交流论坛管理员功能有有管理员和用户。管理员功能有个人中心，用户管理，论坛类型管理，论坛信息管理，系统管理。经过前面自己查阅的网络知识，加上自己在学校课堂上学习的知识，决定开发系统选择B/S模式这种高效率的模式完成系统功能开发。
[Java毕业设计]基于springboot vue的人职匹配推荐系统的设计与实现-论文-源码
最新发布
hzldds2000的博客
09-13 894
随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势；对于人职匹配推荐系统当然也不能排除在外，随着网络技术的不断成熟，带动了人职匹配推荐系统，它彻底改变了过去传统的管理方式，不仅使服务管理难度变低了，还提升了管理的灵活性。这种个性化的平台特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对人职匹配推荐系统而言非常有利。 本系统采用的数据库是Mysql，使用SpringBoot框架开发，运行环境使用Tomcat服务器，ECLIPSE 是本系统的开发平台。在设
JavaEE学习笔记 2024-1-25 --VUE的入门使用
CHiN_951的博客
01-30 2091
/ 将vue绑定在指定的盒子上。// 将vue绑定在指定的盒子上。// 将vue绑定在指定的盒子上。// 使用vue绑定的数据。// 使用vue绑定的数据。// 使用vue绑定的数据。// 以键值对的形式存在。// 以键值对的形式存在。// 创建vue对象。// 创建vue对象。// 创建vue对象。"大佐和大佑123"
java web and vue.js 配合使用---servlet的配置
guxiansheng1991的博客
01-19 1万+
这篇文章主要记录java中使用servlet做服务器端编程,为vue.js等前端构建接口.能够在一个servlet中根据请求参数处理多个请求.(并不需要写jsp页面) 步骤如下 基类servlet,使用反射,用来被其他servlet继承,这样子类servlet就能具备根据请求参数处理处理请求的功能. 子类,继承自基类servlet. web.xml设置 1.基类baseServlet.java, 重
（简述vue语法和原理）day40javaEE基础查漏补缺
休哥哥的博客
01-16 1051
简述vue语法和原理1.MVVM概念：2.vm绑定是咋实现的？？？3.vue特性4.在浏览器（F12）consle中输入，vue对象名.username获取username的值5.双向绑定：v-model6.属性绑定：bind:src=“data中的变量名”7.复习一下相对路径:8.一个js标签中，可以new好几个Vue嘛9.列表循环：v-for10.条件判断:v-if11.除了{{}}，其他语法都写在标签上,而且都是用=号来使用的。12.vue中要使用自己定义的变量或方法，要使用this关键字。13.一个
JavaEE 笔记03：基于Vue，SpringBoot的前后端分离的简单作业管理系统
m
06-19 4016
基于Vue，SpringBoot的前后端分离的简单作业管理系统
vue与java连接的url_Java后台与VUE跨域交接
weixin_39573535的博客
02-25 579
后台代码：package com.cn.Mr.Zhong.filter;import org.springframework.stereotype.Component;import javax.servlet.*;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;im...
电子书------《Java EE互联网轻量级框架整合开发 SSM框架》4
詹煜彪9527
07-15 2235
4
第一课：前端项目vue搭建
诸葛小猿
03-22 1514
本项目是前后端分离的架构，前后端分离在实际的开发和部署中有很多好处，比如前后端定义好接口文档后，就可以同时进行开发了，这样可以大大提高开发的效率；同时，部署时可以实现动静分离，提高网站的性能等。 在操作前，希望大家先了解一下什么是前后端分离，什么是单页面应用（single page web application，SPA），什么是restuful风格。 这一节主要是说明前端项目如何搭建，后面我...
Vue制作一个登录界面（javaEE大作业实战)
LYR 的博客
06-05 1568
项目基本目录结构： global.css ,设置 html,body,以及 #app区域所有的高度占比都是 100% /* 全局样式表 */ html, body, #app { height: 100%; margin: 0; padding: 0; } router 的配置 import Vue from 'vue' import Router from 'vue-router' import LoginView from "@/views/login/LoginView"
JavaEE 从入门到放弃（一）：Java EE 是个什么东西
热门推荐
Evan 的博客
07-09 24万+
从整体上认识 JavaEE，看看 JavaEE 的主要内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值