.vue文件 -- 单文件组件

包含部分

	vue文件包含三个部分
	    1. template      模板:DOM结构
 		2. script        组件的配置项
 		3. style         样式

注意:template是必须有的,script和style可以没有

单文件组件: 一个组件就是一个文件

.vue 文件命名要使用大驼峰 【推荐】 或是 - 的形式
举例:
Father
movie-box
ContentBox MovieBox

要想在编辑器中 .vue 文件代码高亮 , 安装Vetur插件

单文件组件使用:
1. 先创建.vue文件
2. 想在哪里使用就在哪里导入
import xxx from xxx
3. 在当前组件中注册导入的组件
export default {
components: {
xxx
}
}

【HMR】 热重载: 文件修改,浏览器自动刷新



  scoped 将当前组件的样式设立独立作用域,只在当前组件中有效

你可能感兴趣的:(.vue文件 -- 单文件组件)