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是个方法
下一章:组件间的数据传递