新闻api GraphQL JAVA学习 VBA Nginx环境搭建 智慧树 cocoa button memory arraylist ios4 bower vue前端开发 河南普通话 bootstrap框架 java多行注释 pcie高速固态硬盘 windows杀进程命令 ai如何导出矢量图 mysql函数返回结果集 pyhton中异常和模块 python中assert python的数据类型 python异常 java有哪些数据类型 java删除文件 java接口调用 linux教程 打马赛克的软件 h370主板 苹果手机添加邮箱 如何用ai设计字体 现代操作系统 光标变粗 淘宝店铺会员 ps怎么复制粘贴 音乐迷 苹果拼多多商家版本 illustrator下载 安国u盘量产工具
当前位置: 首页 > 学习教程  > 编程语言

05.v-model指令的学习

2021/2/13 16:29:00 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

注&#xff1a;在该文件同路径下先导入vue.js<!DOCTYPE html> <html> <head> <title>Document</title> <script src"vue.js"></script> </head><body><div id"app"><h4>{{msg}}<h4&…

注:在该文件同路径下先导入vue.js
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script src="vue.js"></script>
</head>

<body>
  <div id="app">
    <h4>{{msg}}<h4>

        <!--v-bind只能实现单项数据绑定,从M自动绑定到V,无法数据的双向绑定-->
        <!-- <input type="text" v-bind:value="msg" style="width:100%;" > -->

        <!-- 使用v-model实现数据的双向绑定,只能运用在表单元素中 -->
        <input type="text" v-model:value="msg" style="width:100%;" >
  </div>
<script>
var vm = new Vue({
el:'#app',
data: {
    msg:'秃头小宝贝',
},
methods:{
}
});
</script>
</body>
</html>

本文链接: http://www.dtmao.cc/news_show_700036.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?