idea创建vue项目,引用elementUI并从springboot项目获取数据3:前端的程序编写

本文介绍了如何在Idea中创建Vue项目并引入ElementUI,通过讲解前端编程基础知识,逐步展示如何为Button标签添加事件、设置数据请求工具,并解决与SpringBoot后台的数据交互过程,最终实现跨域请求的初步解决。

1、关于本章的一些基础理论知识。

        在开始本章的内容之前,让我们了解一下前端编程(网页编程)的一些基础知识。作为面对新手的教程,我这里把一些基础知识简化下,让他们更好理解,老鸟们请掠过。

  • vue是基于javascript6和html5的框架,他的编程结果在发布的时候会编译成javascript6和html5形式的一个网站内容,所以我们在idea编辑器里面看到的并不是最终的运行代码。
  • elementUI的控件也是一种编辑态的东西,
    <el-button>默认按钮</el-button>

        这样的标签并不是html的标准标签,所以它在编译时会被idea转换成html的<button/>标签:       

<button class="el-button" aria-disabled="false" type="button" data-v-469af010=""><!--v-if--><span class="">默认按钮</span></button>
  • 对于标签,作为对象,它有三种东西。第一个是它的属性,例如上面html中button标签的type="button"这个东西,它就是button标签的属性,这东西跟你这
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阳光正好2024

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值