Nuxt.js 在页面加载时运行代码

Question

当page 加载 Nuxt.js 时如何运行代码？

如果浏览器支持使用!!window.ontouchstart 的触摸事件，我想添加一个类。

我试过了，但 window 未定义：

```
<section v-bind:class="{ touch: !!window.ontouchstart }">
   ...
</section>
```

Answer 1

你需要先添加一个eventlistener来监听touchstart。

created: function(){
    document.addEventListener('touchstart',this.touchStart);
 }, 
destroyed: function() { 
    document.removeEventListener('touchstart', this.touchStart); 
 }

现在你可以使用 touch touchStart 方法了 在 Vue 方法中。

methods:{
  touchStart(e){
    this.touched=true;
  }

}

在html中

<section v-bind:class="{ touch: touched}"> ... </section>

另外ontouchstart是一个尚未标准化的窗口事件， 所以用window替换document。