标签:绑定 DOM bind 元素 指令 使用 model 加载
1.v-text
用来设置当前元素的文本内容,相当于DOM对象的 innerText或textContent
2.v-html
更新DOM对象的 innerHTML
3.v-bind
通过v-bind为HTML元素绑定属性,使用data中提供的数据;
因为 v-bind:title 这种使用方式很繁琐,所以,vue提供了一个简化语法 :title
4.v-on
绑定事件,支持js所有的事件类型, v-on绑定的事件方法都要写在Vue实例中的methods对象中;
v-on:省略写 @
5.v-model
在表单元素上创建双向数据绑定;只能用在表单元素中,注意:不同的表达元素,v-model的表现可能会有所不同。
比如:v-model操作文本框的value属性,而复选框 v-model 就是操作其选中状态;
6.v-for 基于源数据多次渲染元素或模板块,不仅可以渲染集合List也可以遍历对象Obj; 7.v-bind:class和v-bind:style 表达式的类型:字符串、数组、对象(重点) 8.v-if 根据表达式布尔值的真假条件是否加载这段代码, true:DOM中会加载这段代码,false:DOM中不会加载这段代码; 9.v-show 根据表达式之真假值,切换元素的 display CSS 属性,无论true还是false DOM中都会加载这段代码;
标签:绑定,DOM,bind,元素,指令,使用,model,加载 来源: https://www.cnblogs.com/sunyurou/p/16263852.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。