首先说一下Vue的下载
在使用Vue之前要先去下载一下Node和Npm:Node下载地址
然后按照引导按照完Node,打开cmd查看一下是否安装成功
之后就可以去Vue的官方网站了: 中文网址
有两个版本刚开始学习的话用开发版本就好,开发版本是正常的js,生产版本是mini版本。使用开发版更适合入门学会。
Vue环境搭建
使用的工具是Idea2021.1版本,新建一个Springboot项目
选择一下Spring Web就行之后Finish。
建好以后项目结构是这样的。
我们去static下面写就行了,新建一个js文件夹,把下载下来的Vue.js放进文件夹中。
下面就可以开始写第一个小案例(单向绑定)了:
1.引入vue.js
2.定义一个div id为xx
3.创建vue实例
4.显示vue数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 引入vue.js-->
<script src="js/vue.js"></script>
</head>
<body>
<div id="test">