vue3功能详解

HTML文本响应

  • 直接文本变量
    Message: {{ msg }}
    文本由双大括号内的变量(组件实例中 msg 属性)的值替代。同时每次 msg 属性更改时它也会同步更新。
  • 标签属性变量

    变量放在标签v-text属性里,会覆盖本标签内的文本和后代标签的文本,要慎用。
    v-html 与 v-text 类似,v-html会编译 html 代码后输出文本

HTML属性响应

  • 写法

    v-bind:属性="msg",简写 :属性="msg"
  • 如果绑定的值是 null 或者 undefined,那么该属性将会从渲染的元素上移除。
  • 布尔型属性
    空字符串 (即
  • 动态绑定多个属性


    不带“ :属性 ”,赋值一个对象,对象可以包函多个属性。

    const object = {
    id: 'container',
    class: 'wrapper'}

    编辑中,后面的内容是些速记的一些乱七八的,后继会完善,建议不必看后面的内容。

被编译成组件 setup() 函数的内容。这意味着与普通的

你可能感兴趣的:(vue3)