基础配置
Vue框架已经集成了webpack配置
小注意点
vbase 快速生成vue模板
组件名必须是多词格式(驼峰模式)
具体三种写法:
①小驼峰:abcDef.vue
②大驼峰:AbcDef.vue
③中横线:abc-def.vue
假如文件名不符合多次格式的补救办法:
导出重命名使用多词格式
容器
index.html中的<div id="app"></div>
入口文件
main.js为入口文件,里面创建了vue实例对象
render为渲染函数 render:h=>h(App),这里的App指的是同级的App.vue文件。
Vue文件结构
组件通信
根组件(App.vue)(页面只能展示一个组件,即根组件,其他组件想展示只能导入根组件中)
style默认支持css样式
普通组件的注册使用(组件的导入导出)
组件注册的两种方式
1.局部注册:只能在注册的组件内使用