【学习笔记】04-v-text的学习和示例

原创于 2020-09-17 10:51:09 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了Vue.js中v-text指令的基本用法及注意事项。通过实例展示了如何利用v-text更新DOM元素的内容，并强调了其与mustache语法的区别：v-text会替换掉DOM元素中的所有文本。

v-text的认识和使用

除了mustache的语法使用，还可以用到v-text进行文本调用

示例

<div id="app">
		<h1>{{message}},hello world</h1>
		<h1 v-text="message">hello，world</h1>
	</div>
	
	<script src="vue.js"></script>
	<script>
		const apt = new Vue({
			el : '#app',
			data :{
				message : '你好，世界',
			}
		})
	</script>

显示结果

在这里插入图片描述
注意：v-text的使用明显不够灵活，会覆盖掉标签内的所有文字。