资讯专栏INFORMATION COLUMN

vue入门笔记体系(三)vue数据绑定

赵连江 / 619人阅读

摘要:数据绑定简单数据绑定已续命简单运算符可以调用原生全局变量,但不可以调用自己定义的全局变量绑定内容绑定属性数据绑定事件喜绑定根据来是否添加类名对象形式根据来是否添加类名,数组形式根据来是否添加类名,数组和对象结合根据来是否添加类名,数

vue数据绑定 简单数据绑定

已续命{{count}}

{{isActive?"active":""}}

//简单运算符

{{Date.now()}}

//可以调用原生js全局变量,但不可以调用自己定义的全局变量

//绑定html内容

//绑定属性数据

//绑定事件
class&style绑定

//根据isActive来是否添加active类名,对象形式

//根据isActive来是否添加active类名,数组形式

//根据isActive来是否添加active类名,数组和对象结合

//根据isActive来是否添加active类名,数组和对象结合

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96476.html

相关文章

  • vue入门笔记体系(五)vue指令

    摘要:指令指令带有前缀,以表示它们是提供的特殊特性。添加事件侦听器时使用模式。只当事件是从侦听器绑定的元素本身触发时才触发回调。差别在哪里将特性名转换为从开始支持语法糖,会扩展成一个更新父组件绑定值的侦听器。 vue指令 指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性。 v-text {{msg}} v-html //渲染HTML文本,更新元素的 innerHTML 。注意:内...

    myshell 评论0 收藏0
  • vue入门笔记体系(二)vue生命周期

    摘要:此时还未有选项钩子函数和间的生命周期完成后,会有一个判断过程,判断对象是否有选项。钩子函数和钩子函数间的生命周期当发现中的数据发生了改变,会触发对应组件的重新渲染,先后调用和钩子函数。和钩子函数间的生命周期钩子函数在实例销毁之前调用。 vue生命周期 这是vue生命周期的图示具体内容:showImg(https://segmentfault.com/img/bV4xju?w=1200&...

    scola666 评论0 收藏0
  • vue入门笔记体系(一)vue实例

    摘要:就是实例中的对象当前组件接收到的对象。当前组件数的根实例如果当前实例没有父实例,此实例将会是其自己当前实例的直接子组件。 vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 }) 当创建一个 Vue 实例时,你可以传入一个选项对象。作为参考,你也可以在 api/#选项-数据 文档 中浏览完整的选...

    microelec 评论0 收藏0
  • vue入门笔记体系(六)vue组件

    摘要:更推荐用和实现父子组件通信创建实例此时打印出组件继承使用基础构造器,创建一个子类。包含组件选项的对象创建构造器创建实例,并挂载到一个元素上。该对象包含可注入其子孙的属性。和绑定并不是可响应的。 组件注册 关于组件名: *组件名可以是kebab-case (短横线分隔命名)或者PascalCase (驼峰式命名) 当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必...

    Neilyo 评论0 收藏0
  • vue入门笔记体系(六)vue组件

    摘要:更推荐用和实现父子组件通信创建实例此时打印出组件继承使用基础构造器,创建一个子类。包含组件选项的对象创建构造器创建实例,并挂载到一个元素上。该对象包含可注入其子孙的属性。和绑定并不是可响应的。 组件注册 关于组件名: *组件名可以是kebab-case (短横线分隔命名)或者PascalCase (驼峰式命名) 当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必...

    niuxiaowei111 评论0 收藏0

发表评论

0条评论

赵连江

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<