kitak/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="node_modules/vue/dist/vue.js"></script>
    <script>
    var vm;
    document.addEventListener('DOMContentLoaded', () => {
        vm = new Vue({
            el: '#app',
            data: function () {
                return {
                    prefix: 'Hello',
                    firstName: 'kita',
                    lastName: 'keisuke'
                };
            },
            computed: {
                fullName: function () {
                    return this.firstName + ' ' + this.lastName;
                },
                greeting: function () {
                    return this.prefix + ', ' + this.fullName;
                }
            }
        });
    });
    </script>
</head>
<body>
    <div id="app">
        <p>{{ firstName }}</p>
        <p>{{ fullName }}</p>
        <p>{{ greeting }}</p>
    </div>
</body>
</html
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="node_modules/vue/dist/vue.js"></script>
	<script>
	var vm;
	document.addEventListener('DOMContentLoaded', () => {
	vm = new Vue({
	el: '#app',
	data: function () {
	return {
	prefix: 'Hello',
	firstName: 'kita',
	lastName: 'keisuke'
	};
	},
	computed: {
	fullName: function () {
	return this.firstName + ' ' + this.lastName;
	},
	greeting: function () {
	return this.prefix + ', ' + this.fullName;
	}
	}
	});
	});
	</script>
	</head>
	<body>
	<div id="app">
	<p>{{ firstName }}</p>
	<p>{{ fullName }}</p>
	<p>{{ greeting }}</p>
	</div>
	</body>
	</html