1、Mustache语法(也就是双大括号,Mustache:胡子、胡须)
(1)可以直接插入到标签中
(2)可以写简单的表达式
(3)可以两个mustache一起使
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!--插入到标签中-->
<h2>{
{message}}</h2>
<h2>{
{message}}, 李银河</h2>
<!--mustache语法中,不仅仅可以直接写变量,也可以写简单的表达式-->
<h2>{
{firstName + lastName}}</h2>
<h2>{
{firstName + ' ' + lastName}}</h2>
<h2>{
{counter * 5}}</h2>
<!--使用了两个mustache-->
<h2>{
{firstName}} {
{lastName}}</h2>
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
message: '你好啊',
firstName: 'kim',
lastName: 'tian',
counter: 100
}
})
</script>
</body>
</html>
2、v-once指令
(1)使用场景:
当我们不希望界面随意的跟随改变时,可以用该指令