Vue.js学习
25号同学
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
2.1 Vue实例与数据绑定
2.1.1 实例与数据 你好,{{a}}var app = new Vue({ el:document.getElementById('app') , //或是'#app' data:{ a:2 }})1》变量app代表一个Vue实例。2》配置项el必不可少,用于指定一个页面中已存在的DOM元素来挂载Vue实例,形式可以是HTMLElement,也可以是CSS选择器,挂...原创 2019-03-19 10:23:19 · 257 阅读 · 0 评论 -
2.2 指令与事件
2.2.1 指令与事件概述指令是Vue.js模板中最常用的一项功能,它带有前缀v-,比如v-if、v-html、v-pre等。指令的主要职责就是当其表达式的值改变时,相应地将某些行为应用到DOM上,以v-if为例:<div id="app"> <p v-if="show">显示这段文字</p></div><script> va...原创 2019-03-19 11:40:56 · 221 阅读 · 0 评论 -
2.3 语法糖
语法糖是指在不影响功能的情况下,添加某种方法实现同样的效果,从而方便程序开发。Vue.js的v-bind和v-on指令都提供了语法糖,也可以说是缩写,比如v-bind,可以省略v-bind,直接写一个冒号“:”:<a v-bind:href="urf">链接</a><img v-bind:src="imgUrl"><!--缩写为--><...原创 2019-03-19 13:53:58 · 126 阅读 · 0 评论
分享