以编程形式使用 Nuxt.js怎么绑定事件？

Question

<template>

<div @click="loginFn">aaaa</div>

</template>

<script>

export default {
  data () {
    return {
    }
  },
  methods: {
    loginFn () {
      // alert(1)
      console.log('hehe')
    }
  },
  mounted () {
    console.log('hehe-mounted')
  }
}

</script>

有两个问题：
1、事件不起作用？
2、mounted没有执行？在created阶段是执行的，为啥mounted不执行？

Answer 1

mounted只会在浏览器端执行，事件会起作用的

Answer 2

nuxt.js 生命周期里只有 beforeCreate 和 created，如果想异步获取数据，可以用 asyncData 方法，建议楼主先去详细看下 nuxt.js 官方文档，传送门