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

原创于 2020-09-17 10:07:02 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了Vue.js的基础使用，并通过实例演示了如何利用Mustache语法进行数据绑定。包括不同方式展示变量、字符串拼接及数值运算等。

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>