From 6e0e6cdac58f5f23f52aa869bf2173dd59a84914 Mon Sep 17 00:00:00 2001
From: liu <3207586618@qq.com>
Date: Sat, 29 May 2021 17:36:04 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=94=E8=AE=B0=E5=8F=AA=E6=80=BB=E7=BB=93?=
 =?UTF-8?q?=E5=88=B0=E6=8C=87=E4=BB=A4=E8=BF=99=E9=87=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...1\346\235\277\350\257\255\346\263\225).md" | 50 +++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 "\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-29(\346\250\241\346\235\277\350\257\255\346\263\225).md"

diff --git "a/\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-29(\346\250\241\346\235\277\350\257\255\346\263\225).md" "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-29(\346\250\241\346\235\277\350\257\255\346\263\225).md"
new file mode 100644
index 0000000..84d7bac
--- /dev/null
+++ "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-29(\346\250\241\346\235\277\350\257\255\346\263\225).md"
@@ -0,0 +1,50 @@
+
+### 模板语法和计算机属性侦探器
+
+#### 文本 
+
+1. 就是数据绑定最常见的一种形式，使用 "Mustache"语法（双大括号）。
+
+2. 使用 v-html 指令需要注意XSS攻击，不要对用户提供的内容使用该指令。
+
+3. 模板中的 JavaScript语法不可太过复杂而且使用单个表达式不太好用于计算，最好使用计算属性 computed.
+
+```
+ <div id="app">
+
+        <button v-bind:disabled="isButeoo">小白</button>
+
+        <p>{{ rawHtml}}</p>
+        <p><span v-html="rawHtml"></span></p>
+        
+     </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+
+   <script>
+
+      let app=new Vue({
+          el:'#app',
+          data:{
+              rawHtml:'<h1>不一样</h1>',
+              isButeoo:true
+          }
+      }) 
+
+   </script>
+```
+
+#### JavaScript表达式
+
++ 需要留意的地方是 JavaScript的表达式和语句的区别。
+
+```
+1. 语句就可以理解为一个行为，循环语句和if就是典型的语句，一个程序就是由一系列语句组成的,JavaScript中某些需要语句地方，可以用一个表达式来代替，这样的语句称为表达式语句，但是反过来不可以；你不能在一个需要表达式的地方方一个语句，比如一个if语句不能作为一个函数的参数。
+
+例子： {{var a = 1}}  // 这是语句
+
+       {{if(ok ){return message}}} // 典型的三元里运算符。
+
+```
+
+
-- 
Gitee