Day10 Vue模板语法 & V-text、V-html、V-once介绍

什麽是模板语法?

模板语法是逻辑与页面之间沟通的媒介，Vue.js 使用了基於HTML 的模板语法，允许开发者声明式(declaratively)地将DOM 绑定至底层Vue 实例的数据。

常见的Vue模板语法为两种

1. 差值Mustache语法
2. directives(指令) 如:v-on、v-bind、v-model...

今天的话我会先来说说Mustache与V-text、V-html、V-once的适用方式

Mustache语法

Mustache简单来说就是使用大括号

像这样就写好了是不是很简单

V-text、V-html、V-once

V-text插入：渲染纯文字内容
V-html：插入整个html结构
V-once：将 data 内的内容渲染後，不会再有变化

下面我们可以去看到我分别去使用了这三个指令

最後可以看到好像没错

今天就先到这了，明天见!