【学习笔记】01-Vue的初次相识

Vue的初次相识

  mustache的格式的认识和是用

示例：

<div id="app">
	<h1>{{message}}</h1>
	<h2>{{firstName + lastName}}</h2>
	<h2>{{firstName + " " + lastName}}</h2>
	<h2>{{firstName}} {{lastName}}</h2>
	<h2>{{counter * 2}}</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script>
		const apt = new Vue({
			el : '#app',
			data :{
				message : 'hello word',
				firstName : 'kobe',
				lastName : 'bryant',
				counter : 100,
			}
		})
	</script>

显示结果：

注意：字符串和数值运算，可在大括号内进行