Vue--数据双向绑定
来源:互联网 发布:窗帘款式设计软件 编辑:程序博客网 时间:2024/03/29 16:09
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script></head><body><!---- 在VUE中,数据双向绑定时,必须在data属性中申明这个变量 {{}} === v-text 进行文本的数据双向绑定 v-html 进行脚本的数据双向绑定 尽量不要使用,有安全问题--xss攻击问题 v-bind:属性名="属性值"----> <div id="app"> {{msg}} </div> <hr/> <div class="one"> <input type="text" v-model="name"> {{name}} </div> <hr/> <div class="box"> <div v-bind:title="'555'">把鼠标放上1</div> <div v-bind:title="inbox">把鼠标放上2</div> </div> <hr/> <div class="bin"> <input type="text" v-model="username"> <div v-text="username"></div> <div v-html="msg"></div> </div></body><script> new Vue({ "el":".bin", "data":{ "username":"我想有个女朋友", "msg":"<h1>这里不安全</h1>" } }) new Vue({ "el":"#app", "data":{ "msg":"你好我是第一节" }, }); new Vue({ "el":".one", "data":{ "name":"小明" } }); var app=new Vue({ "el":".box", "data":{ "name":"小明", "inbox":"我是第二个" } })</script></html>
阅读全文
0 0
- Vue--数据双向绑定
- Vue双向数据绑定
- vue双向数据绑定原理
- vue.js双向数据绑定
- Vue 双向数据绑定原理
- Vue:实现双向数据绑定
- vue 2.0 数据双向绑定
- Vue.js学习 Item4 -- 数据双向绑定
- vue.js表单数据双向绑定
- Vue双向数据绑定原理分析
- vue双向数据绑定的原理解密
- vue双向数据绑定之v-model
- vue源码解析之--数据双向绑定
- 手写VUE mvvm双向数据绑定
- vue双向数据绑定的原理
- Vue.js双向数据绑定原理
- vue实现数据双向绑定原理剖析
- Vue双向数据绑定原理解析
- PAT 1039 到底买不买
- 交叉编译出现a local symbol' can not be used when making a shared object的解决方法
- 设计模式的思维导图
- 常用计算机视觉实验图像库和图像集
- K-Means聚类算法
- Vue--数据双向绑定
- 广告点击率预估中的特征选择
- 算法谜题85 散步谣言1
- python 入门级环境配置
- 2017 计蒜之道 初赛 第三场-A. 腾讯课堂的物理实验
- 杭电1004
- leetcode 17. Letter Combinations of a Phone Number
- 数据库中各种数据类型
- 中断的嵌套