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 @   马铃薯1  阅读(21)  评论(0)  编辑  收藏  举报
相关博文：
· 02-Vue核心-初识Vue
· 01-Vue核心-Vue简介
· Vue.js 搭建Vue开发环境（p4~p6）
· Vue05 初识
· Vue核心 Vue简介 初识
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示