[Vue学习笔记] 插值 - 文本

vue 中使用双花括号在HTML中插入文本：

<span id='app'>Message: {{ msg }}</span>

双花括号中的 msg 变量，需要定义在vue实例中

<script type="text/javascript">
			var vm = new Vue({
				el : '#app',
				data: {msg:1}
			})
		</script>

如果想让msg 参数变化一次，再次改变msg 的值时， html 显示的msg不发生变化，可以使用v-once 属性。

<span id='app' v-once>Message: {{ msg }}</span>

 

<script type="text/javascript">
			var vm = new Vue({
				el : '#app',
				data: {msg:1}
			})
			vm.msg = 'Hello'
</script>

此时显示在页面上的msg 的值为 1， 而不是 Hello