博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue2.X v-model 指令
阅读量:6431 次
发布时间:2019-06-23

本文共 411 字,大约阅读时间需要 1 分钟。

1.v-model指令 

                
{
{msg}}

Vue控制id="box"这个DIV元素,同时在 HTML模板上使用双花括号{

{xxxx}}语法,来访问data中定义的数据。
通过v-model 指令,我们把msg 数据绑定到了input文本框,我们修改文本框的值,发现msg 数据改变了。

 

2.注意:定义的数据是数组或者json

                
{
{msg}}
{
{arr}}
{
{json}}

 

效果图:

 

.

转载于:https://www.cnblogs.com/crazycode2/p/7619800.html

你可能感兴趣的文章
windows 系统的安装和虚拟机共享文件夹
查看>>
arp协议的混乱引发的思考--一个实例
查看>>
Why Public Cloud is Not a Security Concern
查看>>
配置XenDesktop一例报错-序列不包含任何元素
查看>>
javascript理解数组和数字排序
查看>>
微软同步框架入门之五--使用WCF同步远程数据
查看>>
Last-Modified、If-Modified-Since 实现缓存和 OutputCache 的区别
查看>>
理解SQL代理错误日志
查看>>
维护计划作业
查看>>
Multipart Internet Mail Extensions (MIME)
查看>>
C# WinForm控件之Dock顺序调整
查看>>
中控科技 ZK Software的售后服务真像一坨屎,技术人员嚣张
查看>>
NSPredicate过滤数组数据
查看>>
设置MYSQL允许用IP访问
查看>>
spark 数据预处理 特征标准化 归一化模块
查看>>
大道至简,系统设计和模块划分的实用经验之谈
查看>>
正则表达式中参数g、i、m的作用(share)
查看>>
使用Solr构建企业级的全文检索(四)---------写入文档
查看>>
VHDL语言中buffer与inout的区别
查看>>
squid的正向代理和反向代理
查看>>