Vue的基本用法——JavaEE笔记

最新推荐文章于 2024-01-30 20:23:53 发布
最新推荐文章于 2024-01-30 20:23:53 发布
阅读量151 收藏
点赞数
分类专栏： JavaEE笔记 文章标签： java-ee vue.js java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a23_23/article/details/120986827
版权

创建项目

使用的软件是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

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

_23_
关注
专栏目录
JavaEE 笔记03：基于Vue，SpringBoot的前后端分离的简单作业管理系统
m
06-19 3777
基于Vue，SpringBoot的前后端分离的简单作业管理系统
Day7：Vue入门学习——传智播客学习笔记【微服务电商】
weixin_43895667的博客
02-21 1196
本节依旧是前端内容，但还是了解一下基础的入门知识 学习目标 会创建Vue实例，知道Vue的常见属性 会使用Vue的生命周期的钩子函数 会使用vue常见指令 会使用vue计算属性和watch监控 会编写Vue组件 掌握组件间通信 0. 前言 前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因此今天我们...
JavaEE（17）Vue（上）
nswzr的博客
01-30 353
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 295
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 438
子组件要改变父组件的data数据，不能直接改变，也就是prop引入了之后，你直接载入这个属性是改变不了的。那么在子类组件里面，我们要去触发父类的两个函数，直接return this.$emit("plus"),也就是通过属性名就可以去调用父类的方法。通过v-bind绑定到了当前的父组件当中，引入了一个父类属性也就是items这个属性。子类组件想要直接修改父类的data数据是不可以的，我们可以为两者建立一个联系。上面引入的是一个3.0版本的包，我们重新换一个2.0版本的。如果采用小驼峰的方式命名一个组件。
JAVAEE细细看 框架16 - Vue 小结
ZMW_IOS的博客
04-07 446
1. Vue概述 概述：Vue是一款前端渐进式框架，可以提高前端开发效率。 特点： ​ Vue通过MVVM模式,能够实现视图与模型的双向绑定。 ​ 简单来说，就是数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化. 2. Vue导入 概述：Vue是一个类似于Jquery的一个JS框架，所以，如果想使用Vue，则在当前页面导入Vue.js文件即可。 语法： <!-- 在线...
Web全栈架构师（四）——Koa学习笔记（1）
yangwei2048的博客
07-22 274
Koa学习笔记KoaKoa简介试用中间件机制、请求、响应处理错误处理路由静态文件服务模板引擎 前后端常见的几种鉴权方式：https://blog.csdn.net/wang839305939/article/details/78713124 Koa鉴权设定：https://segmentfault.com/a/1190000011557953 Koa Koa简介 概述：Koa是一个新的 we...
开发知识点-JavaSE/JavaEE基础学习手记
aming小老弟
10-31 273
pom.xml web工程 打包方式 ———> war引进依赖插件完善 web 工程 内部web.xml项目名 和 默认首页spring 相关 配置文件spring.mvc 相关 拦截器 上传组件注意路径路由配置.properties spring mybatis 文件mybatis 配置文件 直接使用写入 pro 资源属性文件spring 配置数据层dao扫描完 从上文 db.pro 找配置事务层配置 transaction。
狂神说——SpringBoot学习
weixin_44543307的博客
12-06 5276
Springboot 学习笔记Springboot简介什么是微服务？ThymeleafDuridSpringboot整合mybatisSpringSecurity安全Shiroswagger定时任务springboot 整合分布式 dubbo+ zookeeper+ springbootDubboRPC（两大核心：通讯，序列化）Zookeeper总结 学习源码 spring官网 springboot官网 spring-security版本下载 狂神官网学习 也可以搜索B站 （狂神说） Springboot简
JavaWeb笔记整理+SSM+SpringBoot（基础）
weixin_53031149的博客
10-24 1968
JavaWeb+SSM+SpringBoot（基础）
20210220-javaee-CURD案例-vue+springboot前后端分离开发过程
fhzheng for c java javascript sql html css
02-20 618
文章目录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组件
JavaEE学习笔记 2024-1-25 --VUE的入门使用
最新发布
CHiN_951的博客
01-30 1965
/ 将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 958
简述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.一个
vue与java连接的url_Java后台与VUE跨域交接
weixin_39573535的博客
02-25 533
后台代码：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 2187
4
第一课：前端项目vue搭建
诸葛小猿
03-22 1414
本项目是前后端分离的架构，前后端分离在实际的开发和部署中有很多好处，比如前后端定义好接口文档后，就可以同时进行开发了，这样可以大大提高开发的效率；同时，部署时可以实现动静分离，提高网站的性能等。 在操作前，希望大家先了解一下什么是前后端分离，什么是单页面应用（single page web application，SPA），什么是restuful风格。 这一节主要是说明前端项目如何搭建，后面我...
Vue制作一个登录界面（javaEE大作业实战)
LYR 的博客
06-05 1498
项目基本目录结构： 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 22万+
从整体上认识 JavaEE，看看 JavaEE 的主要内容。
Vue进阶：vue-router安装与基本使用指南
"Vue学习笔记进阶篇之vue-router安装及使用方法，介绍vue-router作为Vue.js官方的路由插件，用于构建单页面应用，通过路由和组件实现页面切换。安装vue-router需在项目目录中运行`npm install vue-router --save`。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值