VUE学习笔记_03_VUE的组件式开发基本用法

VUE的组件式开发基本用法

第一个vue项目:HelloWorld

• 认识目录结构
  
  对于新手来说目前只需关心src、static和index.html就行

   src存放我们编写的逻辑代码，static存放静态资源，index.html是整个项目的程序入口
  

展开src

	固定的结构，main.js是项目的js程序入口，其中创建了全局最大的vue对象，并引入第一个组件App

• 认识vue文件

  一个vue文件保存一个组件，当然，这个组件里可以引入其它组件
  
  干脆利落的三分结构，template(模板)、script (脚本)、style(样式)
  在template中写html页面内容，script写逻辑控制，style不用多说
  
  要引入其它组件内容时：

• script开头import 引入组件

• 固定的export defalt中映射组件，如上图

• 最后在template中使用这个引入的组件

script中export defalt 与vue的配置项一样，其中data是个方法

下一章：组件间的数据传递