Vue入门（demo1）

最新推荐文章于 2024-10-05 13:03:38 发布

爱搞计算机的小学弟

最新推荐文章于 2024-10-05 13:03:38 发布

阅读量127

点赞数 2

文章标签： vue 前端 html5

本文链接：https://blog.csdn.net/weixin_45997756/article/details/119002755

版权

第一个vue程序

导入开发版本的Vue.js
创建Vue实例对象，设置el属性和data属性
使用简介的模板语法把数据渲染到页面

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue基础</title>
</head>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<body>
    <div id="app">
         {{message}}
    </div>
</body>
    <script>
        var app = new Vue({
            el:"#app",
            data:{
                message:"你好xiaokuang!"
            }
        })
    </script>
</html>