<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<title>Document</title>
</head>
<body>
<div id = "myApp">
<today-weather></today-weather>
</div>
<script>
Vue.component('today-weather',{
template:'<div>今天下雨,出不去呐,在家看youtube吧!</div>'
});
//Vue.compontent('局部组件名',{template:'局部组件内容'})
//这里不知道为什么,var myApp = new Vue必须在下方,不然还渲染不出来结果
var myApp = new Vue({
el:"#myApp",
});
</script>
</body>
</html>