Vue指令学习
2024-09-08 02:12:52
# new Vue({ vue所有的数据都是放到data里面的
# data:{ vue对象的数据
# a:1,对象
# b:[] ,
# }
# methods:{vue对象的方法
# dosomthing: function()
# {
# this.a ++
# console.log(this.a)
# }
#
# }
# watch: { vue对象的监听
# 'a': function(val, oldVal) {
# console.log(val, oldVal)
#
# }
# }
#
# }) # 数据渲染 v-text, v-html, {{}}
# <p>{{a}}</p> 双向绑定了a
# <p v-text="a"></p>
# <p v-html="a"></p> html保存了html结构
#这里的a都是对应到了Vue数据源中的a # 控制模块隐藏 v-if,v-show,
# <p v-if="isShow"></p>
# <p v-show="isShow"></p>
# new Vue({
# data:{
# isShow:true,
# }
# })
#区别if 不渲染这个dom元素 show 是通过css的display:none对元素进行隐藏 #渲染循环列表v-for
# <ul>
# <li v-for="item in items">
# <p v-text="item.label"></p>
# </li>
# </ul>
# data:{
# items:[
# {label:'apple'},
# {label:'banana'},
# ]
# } #事件绑定 v-on
#<button v-on:click="doThis" > </button>
#<button @click="doThis" > </button>
# methods:{
# doThis:function(something){
#
# }
# } #属性绑定:v-bind
# <img v-bind:src="imgSrc">
# <div :class="{red:isRed}"></div>
# <div :class="[classA,classB]"></div>
# <div :class="[classA,{classB:isB,classC:isC]"></div>
最新文章
- 爬虫技术 -- 进阶学习(七)简单爬虫抓取示例(附c#代码)
- 腾讯首度公开S级手游品质管理方法
- VS 2013 Chrome PPAPI 开发环境
- sql语句各种九九乘法表
- hdu 1011 Starship Troopers_树状dp
- windows下启动/关闭Sybase数据库服务器
- 设计模式 Template Method模式 显示程序猿的一天
- Android使用OpenGL ES2.0显示YUV,您的手机上的数据要解决两个方面的坐标
- 第三题 有如下Student&#160;对象, &#160;private&#160;String&#160;name;&#160;&#160; &#160;&#160;&#160;&#160;private&#160;int&#160;age;&#160;&#160; &#160;&#160;&#160;&#160;private&#160;int&#160;score;&#160;&#160; private&#160;String&#160;classNum;&#160; 其中,classNum&
- MySQL类型float double decimal的区别
- 【爆料】-《西悉尼大学毕业证书》UWS一模一样原件
- Flutter 布局(四)- Baseline、FractionallySizedBox、IntrinsicHeight、IntrinsicWidth详解
- 【转】Python之mmap内存映射模块(大文本处理)说明
- ionic-input单选复选杂交
- VMware在Centos7上配置静态IP的方法
- C++的坑真的多吗?
- [Spring Boot] 使用多个Servlet
- python-gevent模块实现socket大并发
- 客户端与服务器端同步Evernote
- CodeForces Round #527 (Div3) C. Prefixes and Suffixes