前端知识及项目中常用的的概念和个人理解整理分享-1（其它前端知识可来我的博客主页查看o，有高见的时候，可以密我哦）

1.Vue的核心概念：数据驱动（双向数据绑定），组件复用（降低重复开发，简化开发）；

2.关于v-model指令：实现MVVM思想的核心指令，双向数据绑定，即数据发生变化，同步视图，视图发生变化，同步数据；

3.MVVM双向数据绑定带来的优越感：

          双向数据绑定给人的最大的优越感就是方便。当数据data发生变化时，页面自动发生更新。但是有一个缺点也是因为自动更新而导致的，因为这样你就不知道data什么时候变了，也不知道是谁变了，变化后也不会通知你，当然你可以watch来监听data的变化，但是这变复杂了，还不如单向数据绑定。

所以说按照方神的说法：Vuex推荐单向绑定就是为了[控制欲]！，虽然单向绑定牺牲了一部分便捷性，换来的是更大的[控制力]

除此之外单向数据绑定对于复杂应用来说是实施统一的状态管理，方便跟踪。
4.v-指令是vue独创，react和angular是没有指令概念的，并且指令是可以进行自定义的：directive；

5.计算属性：computed----------------计算属性具有缓存功能  跟watch的核心区别；

6.vue共8个生命周期，较为常用地的是created：（多用于数据和方法的访问）；mounted（多用于需要对dom操作的场景）；

7.全局组件由Vue.component（）；局部组件是通过组件中的components 挂载的；

8.组件传参：父=》子：属性绑定；子=》父：事件触发； 相邻兄弟组件：事件中心（总线）；重点：适用全部场景的vuex（单向数据流）；

9.promise.all()  可同时处理多个promise请求，且当所有的请求都成功才成功，如有一个失败则返回为失败；

10.路由钩子：全局钩子 /  局部钩子  /独享钩子（组件钩子）；

11.路由概念：前端路由 反映的是Url地址与组件之间的关系；后端路由：反映的是接口与url地址之间的对应关系；

12.路由动态传参：

         ‘/index/：id’  ‘/index/10’   在组件上通过this.$route.params.id  即可获取路由传递过来的动态路由参数；

         ‘/index?id=12’    在组件上通过this.$route.query.id  即可获取路由传递过来的查询参数；

13.  hash模式与history模式区别：

      1.写法上，hash模式的url地址是写在/#/后面的；

       2.hash可以操作的是hash后面的路径，history操作的是整个路径，而且需要后端配合，否则非常容易出错；

       3.histroy提供了新的操作浏览器的api，pushState和replaceState （重点：两个神器的作用就是可以将url替换并且不刷新页面）

14.虚拟DOM：虚拟DOM实际上就是用js代码来模拟页面元素，实现预期的页面效果；

15.v-for和v-if连用的问题：解决方法，使用computed属性对数组进行过滤，挑选出符合要求的数组；

16.js静态成员和实例成员

           静态成员：静态成员 在构造函数本身上添加的成员，静态成员只能通过构造函数来访问

           实例成员：实例成员就是构造函数内部通过this添加的成员，实例成员只能通过实例化的对象来访问