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 动态绑定数据和属性和颜色