学习记录——Vue单页面和组件(全局组件、局部组件)

template:模板,最终会作为页面结构出现在页面中,根标签下只能有一个div,全部内容都写在这个div里边,如果在这个div同级下再写一个div会报错
script :组件相关的配置
style: 样式
相当于理解成,整个vue文件就是一个组件

认识vue的单文件组件

搭建符合vue单文件组件的开发环境
单文件组件:
vue为了更加形象去编写组件(html,css,js),发明了一种新型文件类型xxx.vue,通过vue-loader进行webpack的打包成js文件
学习记录——Vue单页面和组件(全局组件、局部组件)_第1张图片
template标签下只能有一个根元素,所有内容都写在这里面。

vue的组件(核心)
创建组件
组件传值
封装组件
工程化

创建组件
为什么会有组件?逻辑拆分、逻辑复用
全局组件(所有的地方都可以用)
局部组件(只能在某一个页面使用,必须先导出再导入)

你可能感兴趣的:(vue,vue,vue.js)