vue中的事件方法

最近在学习vue框架，相比于之前用的jQuery，vue使用起来挺简单。
在vue中的script部分，有各种不同的事件方法：

<script>
  import NavBottom from "./components/NavBottom";   //引入组件
export default {   //export default 导出一个默认模块，这个模块可以匿名
    name:'app',   //模块名
    data() {
      return {   //数据只在当前页面有用
        showNav:true
      };
    },
    components: {NavBottom},  //添加组件


    created() {
      //created 钩子函数  created是在实例创建完成后立即调用
      //执行时挂载阶段还没有开始，模版还没有渲染成html，所以无法获取元素。
      // created钩子函数主要用来初始化数据。
    },
    mounted() {
      //mounted 钩子函数  一般用来向后端发起请求，拿到数据后做一些业务处理。
      //该函数在模版渲染完成后才被调用。DOM操作一般是在mounted钩子函数中进行。
    },
    computed:{
      //computed 计算属性  对数据进行一定的操作  在DOM执行完成后立马执行
    },
    methods:{
      //methods 事件方法执行  有一定的触发条件，如click等。
      //所有方法都应该在methods里定义，在mounted或created里面使用this调用，用这种方法实现初始化。
    },
    watch: {
      //监听值变化，执行相对应函数  检测vue实例上数据的变动
    }
  }
  </script>