话不多说,上代码
<html>
<head>
<meta charset="UTF-8">
<!--引入 ui 的样式,-->
<link href="~/lib/vant/css/index.css" rel="stylesheet" />
<!-- 必须先引入vue,后使用ui -->
<script src="~/lib/vant/js/vue.min.js"></script>
<!-- 引入vant 的组件库-->
<script src="~/lib/vant/js/vant.min.js"></script>
</head>
<body>
<div id="app">
<van-button round block type="info" @@click="onSubmit()">
立即提交 {{msg}}
</van-button>
</div>
<script>
new Vue({
el: '#app',
data: function () {
return { msg: "测试", isSetup: false }
},
methods: {
onSubmit() {
alert("提交成功" + this.msg);
}
}
})
</script>
</body>
</html>