vue
/
Vue


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031
							<!DOCTYPE html>
<html lang="zh">

	<head>
		<title></title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<link href="../css/style.css" rel="stylesheet"> </head>

	<body>
		<div id="myApp">
			<runoob>哈哈</runoob>
		</div>
		<script>
			var Child = {
				template: '<h2>自定义组件!</h2>'
			}
			var myApp = new Vue({
				el: '#myApp',
				data: {

				},
				components: {
					'runoob': Child
				}
			});
		</script>
	</body>

</html>