<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/vue.js" type="text/javascript" charset="utf-8">
//这是固定的
</script>
</head>
<body>
<div id="app">{{content}}</div>
//定义div的id，又写了一个组件，组件名为content，注意div里的2对大括号是必须的，
//{content}才算一个组件，外面的{}是一个规范，包裹组件
<script>
/ / 定义Vue对象,对象名必须=div的id
var app = new Vue({
/ / el表示元素(element),是一个vue属性
/ / el:‘#id(对象)‘ 表示查找app的元素(组件)
el: ‘#app‘,
data: {
content: ‘Hello World‘,
/ /data属性里写 组件名:？ 即表示组件的值
}})
</script>
</body>
</html>
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/vue.js" type="text/javascript" charset="utf-8">//这是固定的</script></head><body><div id="app">{{content}}</div> //定义div的id，又写了一个组件，组件名为content，注意div里的2对大括号是必须的，//{content}才算一个组件，外面的{}是一个规范，包裹组件 <script>/ / 定义Vue对象,对象名必须=div的id var app = new Vue({/ / el表示元素(element),是一个vue属性/ / el:‘#id(对象)‘ 表示查找app的元素(组件) el: ‘#app‘, data: { content: ‘Hello World‘,/ /data属性里写 组件名:？ 即表示组件的值 }}) </script></body></html>
原文：https://www.cnblogs.com/lhywxhn/p/13192893.html