2.7 事件

在登录页面中，有这样的代码：
<input type="button" value="登录" @click="login"/>
同时在script部分，有login函数,如下方代码的第16行开始，login函数必须定义在method字段中：
import HelloWorld from './components/HelloWorld.vue';
export default{
    name:'App',
    components:{
        HelloWorld
    },
    data(){
        return{
            username:"",
            message:"正在加载中",
            html:'<a href="https://www.codessp.cn">学习平台</a>',
            textValue:'一个值'
        }
        ;
    },
    methods:{
        login(){
            console.log("测试");
            console.log(this.username);
            console.log(this.password)
        }
    }
}
methods是页面内一个固定的数据，专门用来定义此页面要用到的函数，（地位和data平等）。

事件是指网页浏览过程中的鼠标和键盘动作，有一些可交互的HTML元素，是可以点击、下拉、选择、输入的，这都会触发事件。而上面的@click="login"，就是把单击事件（click）与函数login绑定，要在事件最前面加上@符号。常用的事件有：
1.单击 click，元素被单击的时候触发
2.内容改变 change，元素内容发生改变的时候触发，例如下拉框选了新的内容、输入框写了新的内容
3.键位按下 keydown,按下键盘的时候，此事件可以获取按下的是那个键
4.键位抬起 keyup,按下键不触发，松开的时候触发
5.按键 keypress，完整按下抬起一个键位的时候触发