记住,这节课只是初步认识,看不懂大致了解一下就可以,对于接下来开发会起到一个承上启下的作用。
大家先看一下《app》《/app》,其实并不是html标签,而是一个vue的组件。
项目的入口文件是main.js
import 是es6(ECMAScript6)的语法,就是把一个文件导入到当前页面,做为页面的一部分,相当于include,大家可以先这么理解。
el:挂在点,相当于jq选择器,目的是告诉html,vue在body这里面生效语法,就可以body使用vue了。
components:就是注册组件的意思,大家看下图第2行代码,你导入了App这个组件需要在components注册一下才能生效。
然后咱们在看看App这个组件,vue的组件文件名后缀是.vue,这个页面就是vue运行之后呈现的页面。
细心的朋友,会发现vue文件的结构大致是分为3个部分
标签:负责写html部分的,页面结构都写在这里