初始Vue（1）

Vue的文件结构

node_modules主要用来管理下载的依赖文件

public 公共的资源

src 源文件

babel.config.js:把es6转成浏览器所识别的

package.json:相关的依赖文件

yarn.lock 文件的备份，防止修改

meadme.md 说明文档

src ---->源文件结构

assets 静态资源存放

components 存放公共组件的

router  路由

views 视图展示

App.vue  入口组件

main.js 入口文件

router:把路由引入进去

render表示一个函数，h => h(app) 表示把app组件渲染到.$mount('#app')中

vue -------------路由

<router-link to ="/">类似于a标签，用于跳转

<router-view/> 路由展示

组件的封装

先封装好组件，然后在相关页面使用import进行引用 ,例如：

v-for 动态绑定数据和属性和颜色