template:模板,最终会作为页面结构出现在页面中,根标签下只能有一个div,全部内容都写在这个div里边,如果在这个div同级下再写一个div会报错
script :组件相关的配置
style: 样式
相当于理解成,整个vue文件就是一个组件
认识vue的单文件组件
搭建符合vue单文件组件的开发环境
单文件组件:
vue为了更加形象去编写组件(html,css,js),发明了一种新型文件类型xxx.vue,通过vue-loader进行webpack的打包成js文件
template标签下只能有一个根元素,所有内容都写在这里面。
vue的组件(核心)
创建组件
组件传值
封装组件
工程化
创建组件
为什么会有组件?逻辑拆分、逻辑复用
全局组件(所有的地方都可以用)
局部组件(只能在某一个页面使用,必须先导出再导入)
创建局部组件
搭建完目录结构及下载相关插件和配置文件后
(直接使用了上一次配置好的: