vue.js 表单 v-text

版权声明:本文为作者创作,转载请注明出处:http://blog.csdn.net/claroja,如有商业用途请联系QQ:63183535。 https://blog.csdn.net/claroja/article/details/90697786

v-text可以替代{{}}

 <!DOCTYPE html>
<html lang="en" xmlns:v‐on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF‐8">
    <title>vue.js v-text</title>
	 <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
</head>
<body>
<div id="app">
<input type="text" v‐model="num1">+
<input type="text" v‐model="num2">=
 <span v‐text="Number.parseInt(num1)+Number.parseInt(num2)"></span>
</div>
</body>
<script>
    var VM = new Vue({
        el:"#app",//表示当前vue对象接管app的div区域
        data:{
            num1:0,
            num2:0,
            result:0,
        },
    });
 
</script>
</html>
展开阅读全文

没有更多推荐了,返回首页