欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue起步

程序员文章站 2024-03-25 09:31:10
...

建立一个最简单的vue应用:

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
    <link rel="stylesheet" href="index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    {{message}}
</div>
<script src="index.js"></script>
</body>
</html>

js:

var app = new Vue({
    el: '#app',
    data: {
        message: 'hello world!'
    }
});

css:

html, body {
    margin: 5px;
    padding: 0;
}

三个文件放在同一级文件目录下。

相关标签: vue 起步