<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8 ">
<style>
</style>
</head>
<body>
<div id="app">
{{message}}
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
var vm = new Vue({
el: '#app',
data: {
message: "Hello Vue !"
},
});
</script>
</body>
</html>
在上述的代码里面,js脚本的地方,创建了一个 Vue 对象,其中el选项置顶了这个Vue对象管理的元素的id
在app元素中,使用 {{message}}
的方式引用了定义在vue实例中的data属性里的变量值,并显示出来
原文:https://www.cnblogs.com/wbyixx/p/11931447.html