1. 程式人生 > >vue頁面中引入其他vue元件

vue頁面中引入其他vue元件

比如說有兩個vue元件,app.vue,test.vue

要在app.vue中使用test.vue元件,則需要在app.vue元件中進行註冊:

  • 下面舉一個簡單的例子幫助理解:
    test.vue:
<templete>
		<div class="test"></div>
		</templete>
		<script>
		export default{name:"test"}
		</script>
		<style></style>
則在app.vue中的內容為:
<templete>
	<div class="app">
		<test></test>//此處用於啟用元件
	</div>
	</templete>
	<script>
	import test from 'path/test.vue'(注:path為相對於test.vue的相對路徑)//此處用於引入test.vue
	export default{
		name:"app",
		components: {
			test		//在此處註冊
		}
	}
	</script>
	<style></style>