加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
3.输入处理.html 842 Bytes
一键复制 编辑 原始数据 按行查看 历史
默一 提交于 2020-02-14 18:58 . 202002141858
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本,优化了尺寸和速度
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
-->
</head>
<body>
<div id="app">
<p>{{msg}}</p>
<button v-on:click="ReverseMsg">反转消息</button>
</div>
<div id="app2">
<p>{{msg}}</p>
<input v-model="msg">
</div>
</body>
<script>
var app = new Vue({
el:'#app',
data:{
msg : 'Why I am HERE?'
},
methods:{
ReverseMsg: function(){
this.msg = this.msg.split('').reverse().join('')
}
}
})
var app2 = new Vue({
el: '#app2',
data: {
msg : 'Why I am here too?'
}
})
</script>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化