0

More than 1 year has passed since last update.

Vueでhello world!①

Vue.js

Last updated at 2022-09-04Posted at 2022-09-04

前準備

以下ファイルを作成

script.js

new Vue({
    el:'#app',
    data(){
        return{
            text:"hello world!"
        };
    }
})

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vuedemo</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <p>{{text}}</p>
    </div>
    <script src="script.js"></script>
</body>
</html>

ブラウザへ表示する

index.htmlをブラウザのurlへドラッグ&ドロップする
hello world!
と表示されればOK！

参考

0

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

0