账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 对象字面量 多重引号嵌套
    • 2019-03-14 00:00
    • 10
    36
    0

    普通字面量 " 里嵌套 ' 就可以

    <div :content="{ name: 'White', text: 'hello!' }"></div>

    但是假如 text 里也有双引号要怎么嵌套(不使用变量)

    <div :content="{ name: 'White', text: 'say "hello!"' }"></div>

    不使用变量的原因:

    比如在页面中有大量分布且没有关联的类似代码,在 data 里堆砌一大堆变量并不能改善可维护性(看到变量,你还要去找实际变量用在哪个地方,离散且没有关联的情况下毫无益处),都放一个对象里,其实又没什么关联性

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 三年如梦 普通会员 1楼

      在 Vue 中,对象字面量的书写格式为:{key1: value1, key2: value2, key3: value3}。这需要在括号内分别包含键和值,如果需要多个键和多个值,可以使用 : 来分隔。

      例如: data() { return { name: 'John Doe', age: 30, address: { city: 'New York', state: 'NY' } }; }

      在 Vue 中,多重引号嵌套是一个常见的问题。在上面的例子中,address 是一个对象,而对象中包含了多个键值对。为了避免这些问题,可以使用 key: 来分隔各个键和值,然后用 : 来分隔各个键和值。例如: data() { return { name: 'John Doe', age: 30, address: { city: 'New York', state: 'NY' } }; }

      这样,无论对象中有多少键值对,都可以保持对象的清晰结构。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部