vue学习笔记--vue模板语法

模板语法

1.插件

文本

<span>Message: {
  { msg }}</span>

原始html

<p>Using mustaches: {
  { rawHtml }}</p>
<p>Using v-html directive: <span v-html="rawHtml"></span></p>

2.指令

指令 (Directives) 是带有 v- 前缀的特殊特性

<p v-if="seen">现在你看到我了</p>

3.参数

一些指令能够接收一个“参数”，在指令名称之后以冒号表示。例如，v-bind 指令可以用于响应式地更新 HTML 特性：

<a v-bind:href="url">...</a>

在这里 href 是参数，告知 v-bind 指令将该元素的 href 特性与表达式 url 的值绑定。

另一个例子是 v-on 指令，它用于监听 DOM 事件