<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>插值指令</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<!--
v-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题
-->
<div v-text="message"></div>
<!--
使用v-html指令插入，会将数据解析为HTML。
可能有安全问题, 一般只在可信任内容上使用 v-html，永不用在用户提交的内容上
-->
<div v-html="title"></div>
<!-- v-pre 显示原始信息跳过编译过程 -->
<div v-pre>{{message}}</div>
<!-- v-once执行一次性的插值【当数据改变时，插值处的内容不会继续更新】 -->
<div v-once>{{message}}</div>
</div>
<script>
//2.创建一个Vue的实例
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
title:'<h2>你好 Vue</h2>',
}
})
</script>
</body>
</html>
运行结果：
310
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
