2、Vue-组合式-模板语法

一、文本插值

将下述代码替换到App.vue




结果展示:

二、v-html: 插入html

上述的例子中是对纯文本数据进行插入,而不是html, 如果想要插入html, 则需要使用v-html, 例如, 将下述代码替换至app.vue




可以使用双花括号去包裹htmlData打印一下看看效果,可以更方便了解该方法跟文本插值的区别

ps:这里插入的html必须是一个文本对象,不能直接插入一个文件对象

三、v-bind: 属性绑定

将下述代码替换到App.vue




  • 所有属性均可以使用v-bind或简写方式进行绑定
  • 绑定不仅仅支持调用变量,也可以是一个函数

你可能感兴趣的:(2、Vue-组合式-模板语法)