编程 Python

vue.js实现输入框输入值内容实时响应变化示例

Posted in Python onJuly 07, 2018

本文实例讲述了vue.js实现输入框输入值内容实时响应变化的方法。分享给大家供大家参考，具体如下：

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
     content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>3water.com 输入内容实时显示</title>
  <!-- Vue.js -->
  <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
</head>
<body>
 <div id="app">
   <input type="text" v-model="name" placeholder="你的名字">
  <h1>你好,{{ name }}</h1>
 </div>
</body>
</html>
<script>
  var myData = {
    name:''
  };
  var app = new Vue({
    el:'#app',
    data:myData,
  })
</script>

使用本站HTML/CSS/JS在线运行测试工具：http://tools.3water.com/code/HtmlJsRun，可得到如下测试运行效果：

希望本文所述对大家vue.js程序设计有所帮助。

vue.js实现输入框输入值内容实时响应变化示例

- Author -

_code小学生

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐

python ip正则式

May 07 Python

python中黄金分割法实现方法

May 06 Python

Python解析最简单的验证码

Jan 07 Python

详解Python中的__new__、__init__、__call__三个特殊方法

Jun 02 Python

Java及python正则表达式详解

Dec 27 Python

python实现pdf转换成word/txt纯文本文件

Jun 07 Python

解决csv.writer写入文件有多余的空行问题

Jul 06 Python

Python高级特性切片(Slice)操作详解

Sep 27 Python

关于python中的xpath解析定位

Mar 06 Python

jupyternotebook 撤销删除的操作方式

Apr 17 Python

Python 分布式缓存之Reids数据类型操作详解

Jun 24 Python

用python给csv里的数据排序的具体代码

Jul 17 Python

详解Python最长公共子串和最长公共子序列的实现

Jul 07 #Python

python求最大连续子数组的和

Jul 07 #Python

python 平衡二叉树实现代码示例

Jul 07 #Python

详解python异步编程之asyncio(百万并发)

Jul 07 #Python

基于Python开发chrome插件的方法分析

Jul 07 #Python

Python实现基于C/S架构的聊天室功能详解

Jul 07 #Python

Python实现的txt文件去重功能示例

Jul 07 #Python