vue window.addEventListener("scroll", this.scrollList, false)事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue window.addEventListener("scroll", this.scrollList, false)事件相关的知识,希望对你有一定的参考价值。

参考技术A 其他也返回当前页面,watch里面路由$route(to, from)重新绑定滚动事件

vue学习笔记初识vue——创建vue示例

vue是以JavaScript作为应用入口,HTML提供一个渲染锚点,

创建一个vue示例,引入库文件,创建vue实例,渲染vue实例;

引入vue.js库 会暴露出一个全局类vue 用全局类vue创建一个vue实例

var vm=new Vue({

template:‘<h1>fffff</h1>’ //配置项template,以类似HTML的语法来编制视图结构

})

渲染vue实例   采用vue实例的$mount()方法,意味着渲染实例实际上是将vue实例生成的虚拟dom子树挂接到页面dom中

$mount()方法需要指定一个定位用的DOM节点———锚点

Vue.js会将渲染出的DOM子树,插入锚点元素之前(并最终删除这个锚点元素)。

可以使用CSS选择符或者指定一个HTMLElement来声明锚点

Vue实例的$mount()方法是显式地启动Vue实例 的渲染。

实际上,Vue.js也提供了一个实例化时的配置项el,来允许我们隐式地启动 Vue实例的渲染。el用来声明目标渲染锚点,例如:

Vue({
  template: ‘<h1>Hello,Vue.js 2!</h1>‘,
  el: ‘#app‘
})
如果Vue.js检测到你指定了el配置项,将在内部自动地执行渲染 —— 这时你 不再需要额外调用$mount()方法了:
Vue({
  template: ‘<h1>Hello,Vue.js 2!</h1>‘,
  el: ‘#app‘
})是隐式渲染  和
Vue({
  template: ‘<h1>Hello,Vue.js 2!</h1>‘
}).$mount(‘#app‘) 显式渲染一样
 

以上是关于vue window.addEventListener("scroll", this.scrollList, false)事件的主要内容,如果未能解决你的问题,请参考以下文章

基于H5 pushState和Ajax完美实现页面局部刷新

Angular 2路由器事件监听器

vue2与vue3的区别

Vue初识Vue,Vue简介及Vue Devtools配置

vue学习笔记初识vue——创建vue示例

vue2能用vue3封装的组件