Vue 引入组件、引入图片

引入组件的两种方法

1、全局引入（在App.vue的script标签中）

1、引入（Import 变量 from 路径） 
import head form '@/components/head'
import footer form '@/components/footer'

2、注册（注册的名字不能是html的关键字，因为要当标签使用，可能会冲突）
components：{
	'top': head,
	'foot': footer
}

3、使用
<top></top>  <foot></foot>

2、局部引入（在页面中引入）
1、引入（同上）
2、注册（同上）
3、使用（同上）

引入图片的两种方法

1、引入图片路径赋给变量，直接用变量

import pic form './image/pic.png'
data:{
	return{
		img : pic
	}
}

2、使用require( )包着图片路径

data() {
	return{
		img: require("../assets/images/pic.png")
	}
}