vue.js入门Helloworld

最新推荐文章于 2024-08-26 14:50:55 发布

转载最新推荐文章于 2024-08-26 14:50:55 发布 · 717 阅读

vue 专栏收录该内容

8 篇文章

订阅专栏

本文通过一个简单的示例介绍了如何使用Vue.js框架来创建一个基本的网页应用。该示例展示了如何将Vue.js与HTML结合使用，以实现数据绑定及响应式更新。代码中包含了引入外部样式库Bootstrap的方法，以及如何定义Vue实例并设置初始数据。

直接上代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
</head>
</head>
<body>
<div id="app">
    {{ message }}
</div>
</body>
<script>
    new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue.js!'
        }
    })
</script>
</html>