04、Vue-局部组件的创建

04、Vue-局部组件的创建


<html>
	<head>
		<meta charset="utf-8">
		<title>行找的皮卡丘title>
	head>
	<body>
		<div id="app">div>
	body>
	<script src="js/vue.min.js" type="text/javascript">

	script>
	<script type="text/javascript">
		// 1、声明局部入口组件
		var App = {
			data() {
				return {

				}
			},
			template: `
我是入口组件
`
}; new Vue({ el: "#app", data() { return { } }, // 2、挂载子组件 可以挂载多个 components: { App: App, }, // 3、父组件直接使用 template: ` `, });
script> html>

你可能感兴趣的:(Vue学习基础,vue,javascript,html)