应无所住,而生其心
排名
1
文章
860
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

vue.js 双向绑定简单例子

4444人阅读 2018/9/28 10:11 总访问:5182668 评论:0 收藏:0 手机
分类: 前端

经典的一个vue.js双向绑定小例子:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>TNBLOG</title>
  6.     <script src="https://unpkg.com/vue/dist/vue.js"></script>
  7. </head>
  8. <body>
  9.     <div id="app">
  10.         <p>{{ message }}</p>
  11.         <input v-model="message">
  12.     </div>
  13.     <script>
  14.         var vue = new Vue({
  15.             el'#app',
  16.             data: {
  17.                 message'Hello TNBLOG!'
  18.             }
  19.         })
  20.     </script>
  21. </body>
  22. </html>

效果如下:


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价