Vuev-on的使用及爆红解决方法
Posted 栗栗本栗
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vuev-on的使用及爆红解决方法相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<button onclick="f1()">按钮1</button>
<button v-on:click="f2">按钮2</button>
<p>num的值：{{num}}</p>
<p>info的值：{{info}}</p>
<hr>
<button v-on:click="del(8)">删除</button>
<button v-on:click="f4(5,'hello')">按钮4</button>
<button v-on:click="f5({id:8,name:'张三'})">按钮5</button>
</div>
</body>
</html>
<script src="js/vue.js"></script>
<script>
function f1(){
alert("上午好");
}
new Vue({
el:"#app",
data:{
num:1,
info:"上午好"
},
methods:{
f2(){
this.num++;
this.f3();
},
f3(){
alert("f3方法")
},
del(id){
alert("删除"+ id +"号图书")
},
f4(n,str){
this.num+=n;
this.info+=str;
},
f5(user){
console.log(user.id);
console.log(user.name);
}
}
});
</script>
爆红去setting的plugins下载Vue的插件就可以了
以上是关于Vuev-on的使用及爆红解决方法的主要内容，如果未能解决你的问题，请参考以下文章