Vue起步

最新推荐文章于 2025-06-11 11:37:55 发布

机灵的小飞机

最新推荐文章于 2025-06-11 11:37:55 发布

阅读量114

点赞数

文章标签： javascript vue.js html css node.js

本文链接：https://blog.youkuaiyun.com/weixin_42354407/article/details/104328335

版权

下载Vue2.0的两个版本

开发版本：包含完整的警告和调试模式
生产版本：删除了警告，进行了压缩

项目目录构建

在这里插入图片描述

live-server 的使用

用cnpm或者npm全局安装

npm i live-server -g

live-server

编写第一个程序 helloWorld代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="../assets/js/vue.js"></script>
    <title>vue学习</title>
</head>
<body>
    <div id="app">
        {{message}}
    </div>
    <script type="text/javascript">
    const app = new Vue({
       el:"#app" , 
       data:{
           message:"helloWorld" ,
       }
    })
    </script>
</body>
</html>