2-2 2.1.2常用的Vue指令ppt课件 Vue.js基础与应用开发实战(微课版).pptx
《2-2 2.1.2常用的Vue指令ppt课件 Vue.js基础与应用开发实战(微课版).pptx》由会员分享,可在线阅读,更多相关《2-2 2.1.2常用的Vue指令ppt课件 Vue.js基础与应用开发实战(微课版).pptx(20页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、2-2 2.1.2 常用的Vue指令教学课件 Vue.js基础与应用开发实战(微课版)2.1.2 常用的Vue指令先分析以下示例代码,认识几个Vue的指令。【示例】:demo020101.html代码如下:message message 第一次绑定的值:message var vm=new Vue(el:#app,data:message:图书详情,info:请登录 )对应的HTML代码被渲染为:图书详情 message 图书详情 第一次绑定的值:图书详情 请登录 请登录 1v-text用于更新元素的文本内容,如果要更新部分的文本内容,需要使用双大括号()方式插值。例如:msg 2v-html
2、用于更新元素的innerHTML。注意:文本内容按普通HTM插入,而不会作为Vue模板进行编译。如果试图使用v-html组合模板,可以重新考虑是否通过使用组件来替代。在网站上动态渲染任意HTML是非常危险的,因为容易导致XSS(Cross Site Scripting,跨站脚本)攻击。只在可信内容上使用v-html,不能用在用户提交的内容上。3v-show根据表达式之真假值,切换元素的显示或隐藏CSS属性。当条件变化时该指令触发过渡效果。4v-on用于绑定事件监听器,事件类型由参数指定,表达式可以是一个方法的名称或一个内联语句,如果没有修饰符也可以省略。v-on用在普通元素上时,只能监听原生D
3、OM事件。用在自定义元素组件上时,也可以监听子组件触发的自定义事件。在监听原生DOM事件时,方法以事件为唯一的参数。如果使用内联语句,语句可以访问一个$event property:v-on:click=handle(ok,$event)。从Vue2.4.0开始,v-on同样支持不带参数绑定一个事件/监听器键值对的对象。注意当使用对象语法时,是不支持任何修饰器的。5v-bind用于动态地绑定一个或多个属性,或一个组件prop到表达式。v-bind是单向数据绑定,而不是双向数据绑定,即不能实现视图驱动数据变化。在绑定class或style属性时,支持其它类型的值,例如数组或对象。在绑定prop时
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2-2 2.1.2 常用的Vue指令ppt课件 Vue.js基础与应用开发实战微课版 2.1 常用 Vue 指令 ppt 课件 js 基础 应用 开发 实战 微课版
链接地址:https://www.deliwenku.com/p-90587922.html
限制150内