Vue项目解析
各个文件夹
- node_modules:用来放环境依赖
- public:用来放公共资源,里面的index.html文件,就是初始的挂载点。被app.vue给取代了。
- src:放各种资源的。
- assets:用来放静态资源的,比如图片之类的。
- components:防止各种小组件,相当于是子组件的子组件。
- router:路由,用来设置哪个url访问哪个也免得组件。
- store:仓库。
- views:都是子组件,用来替换App.vue里面的</router-views/>,然后展示这个子组件,所以也叫页面组件,里面可以放视图组件。
文件
- app.vue:子组件,用来取代index.html的挂载点的。
- main.js:入口文件
知识点总结
"""
1、箭头函数 let fn = (a, b) => a + b; (下一篇)
2、函数原型:给函数设置原型 Fn.prototype.变量 = 值,那么Fn new出来的对象都可以共用 原型变量 (下一篇)
3、vue项目的请求生命周期:main.js完成环境的加载与根组件的渲染;router的index.js完成路由映射
4、<router-view />标签作为路由映射的页面组件占位符
5、<router-link></router-link>来完成路由的跳转
6、this.$router来完成路由的跳转:push() | go()
7、this.$route来完成路由的传参
"""