{% extends base %} {% block head %} {% end %} {% block body %} {% init bind_html = """ Baidu Tag {{tag.name}} """ %}
目录

声明式渲染

{{! message }}

鼠标悬停几秒钟查看此处动态绑定的提示信息!

条件与循环

v-if v-else-if v-else

现在你看到我了

Math.random() > 0.4

看不到我

v-for

v-for指自身元素重复

  1. {{! file }}

处理用户输入

v-on

v-model双向绑定

其他模板语法

v-once

This will never change: {{!message}}

v-html

v-bind动态绑定

参数绑定



    
效果
{% raw bind_html %}

JavaScript 表达式

{{! message + " >>>" }}

修饰符

过滤器

{{! message | toUpperCase }}

过滤器串联

{{! message | toUpperCase | length }}

过滤器加参数

{{! message | appendStr('arg2', 'arg3') }}

v-bind:href缩写:href

Baidu Baidu

v-on:click缩写@click

onclick获取本元素

vue+layer

{{!layerMsg}}
{{!layerCounter}}
{{!item.value}}
{% end %}