第一个Vue程序

时间：2021-02-02 11:27:13 收藏：0 阅读：0

第一个Vue程序

下载vue.js：

官网 https://cn.vuejs.org/

学习->教程：

技术图片

安装：

技术图片

开发版本：

技术图片

得到一个vue.js文件：

技术图片

将其复制到项目中

技术图片

编写html页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    {{message}}
</div>

<!--引入vue.js-->
<script src="../static/vue.js"></script>

<script>
    let vm = new Vue({
       el:"#app",
       data:{
           message:"xxxx"
       }
    });
</script>

</body>
</html>

测试：

技术图片