09-Vue-概述

Vue官网：Vue.js (vuejs.org)

Avue文档：Date日期 | Avue (avuejs.com)

 

前置工作

1) 在使用 Vue 时，我们推荐在你的浏览器上 安装 — Vue.js (vuejs.org)，它允许你在一个更友好的界面中审查和调试 Vue 应用。

2) 直接下载开发版本的vue.js，并用 <script> 标签引入，Vue 会被注册为一个全局变量

3) 阻止 vue 在启动时生成生产提示

Vue.config.productionTip = false;

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue-快速入门</title>
    <script type="text/javascript" src="./js/vue.js"></script>
</head>
<body>
    <div id="app">
        <h1>{{message}}</h1>
    </div>
    <script type="text/javascript">
        // 阻止 vue 在启动时生成生产提示
        Vue.config.productionTip = false

        // 创建Vue实例
        new Vue({
            el:"#app",
            data:{
                message:"Hello World!"
            }
        })
    </script>

</body>
</html>

 

 

 

 

posted @ 2024-03-25 15:04  马铃薯1  阅读(8)  评论(0)  编辑  收藏  举报