vue 事件调用 传参_vue.js--基础事件定义，获取数据，执行方法传值

{{ msg }}

第一种写法

第二种写法

获取mesg

更改mesg

增加数据

• {{item}}

执行方法传值

事件对象

/*

双向数据绑定，用于表单,

*/

export default {

name: 'app',

data () {

return {

msg: 'hello',

list:[]

}

},methods:{

run1(){

alert("第一种方法")

},run2(){

alert("第二种方法")

},getMsg(){

alert(this.msg)

},setMsg(){

this.msg="改变内容"

},addData(){

for(var i=0;i<10;i++){

this.list.push("我是第"+i+" 条数据");

}

},byvalue(env){ #进行传值

alert(env)

},eventFn(e){

console.log(e);

//e.srcElment.style.backgroud='red';

}

}

}

h1, h2 {

font-weight: normal;

}

.box{

width: 100px;

height: 100px;

background-color: #42b983

}