<html>
<body>
<div id="app">
<button v-on:click="count++">Add 1</button>count: {{ count }}
<p><button v-on:click="alerthi">Greet</button></p>
<p><button v-on:click="sayhi">Hi</button></p>
<p><div><input type="text" v-model="message"></div></p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data() {
return {
count: 0,
}
},
methods: {
alerthi() {
alert('Hello, Vue.js!')
},
sayhi() {
alert('hi!')
}
}
}).mount('#app')
</script>
</body>
</html>
是可以的
原创hamimelon2021 ©著作权
文章标签 vue 文章分类 JavaScript 前端开发
©著作权归作者所有:来自51CTO博客作者hamimelon2021的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:为啥啥也不出来?
![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
cookies 不同端口 是可以共享的跨域 同源策略 跨域访问