AAAXEC的博客

vue的数据双向绑定 将MVVM作为数据绑定的入口，整合Observer，Compile和Watcher三者，通过Observer来监听自己的model的数据变化，通过Compile来解析编译模板指令（vue中是用来解析 {{}}），最终利用watcher搭起observer和Compile之间的通信桥梁，达到数据变化 —>视图更新；答：ue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载等一系列过程，我们称这是Vue的生命周期。

（1）vue.js:vue-cli工程的核心，主要特点是双向数据绑定和组件系统。vue官方推荐使用的路由框架。（3）vuex:专为vue.js应用项目开发的状态管理器，主要用于维护vue组件间共用的一些变量和方法。（4）axios（或者fetch、Ajax）:用于发起GET、或POST等http请求，基于Promise设计。（5）vuex等:一个专为vue设计的移动端UI组件库（6）创建了一个emit.js文件:用于vue事件机制的管理。模块加载和vue-cli工程打包器。

2.接收参数的时候，query传参使用路由信息对象中‘’的query对象接收，params传参使用路由信息对象中params对象接收，4.如果index.js配置路由时，params的参数时URL不可或缺的一部分，但是query的参数是拼接起来的，没有也不影响。1.使用query传参的时候，name，path都可以引入，但是在使用params传参的时候只能使用name进行引入。比如：this.$ route.params.name/this.$route.query.name。

第三个参数 savedPosition 当且仅当 popstate 导航 (通过浏览器的 前进/后退 按钮触发) 时才可用。返回 savedPosition，在按下 后退/前进 按钮时，在滚动条位置，就会像浏览器的原生表现那样。这里跳转路由后，此时这个新的页面没有使得可视区域，与页面的头部对齐。我们可以在 Router—index.js的路由配置中添加。该图是首页面，此时它的头部距可视区域为零。

在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。//scrollTop等于是当前ref位置超过外层元素框的值，offsetTop内层元素距外层元素头部的距离。如上代码为布局代码，可参照 ref 位置。//clientHeight仅仅包含内边距+高度。若有疑问，欢迎在评论区提出ヾﾉ≧∀≦)o。