<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="vue.min.js"></script>
</head>
<body>
<div id="app">
<div id="demo"></div>//相当于<demo></demo>
</div>
</body>
<script type="text/x-template" id="nice">//id即为对应的模板名称,整个相当于组件里template字符串组成
<div>hello</div>
</script>
<script>
Vue.component("demo",{
template:"#nice"//模板名称
})
var app=new Vue({
el:"#app"//挂载元素
})
</script>
</html>