Vue模板

Vue基础语法_模板

　　一：一次插值：v-once

插入之后不可以修改

<div v-once>{{msg}}</div>

 

　　二：插入html原生代码：v-html

<div v-html="msg"></div>
//使用v-html直接在div中间插入

 

三：绑定动态属性（随时修改div中的id或者其他属性）v-bind/:

<div :id="idname">
    <h3>I am a hansome man</h3>
</div>

 

四：模板语言表达式：

<div>
    {{firstname+lastname}}
    {{isVip?"欢迎VIP用户回来":"欢迎普通用户回来"}}
</div>