2.8.2小节习题、关键字添加

data/2.Vue中阶/7.Mock/3.Mock数据占位符/exercises.json

 {
   "type": "code_options",
-  "author": null,
+  "author": "zhaoss",
   "source": "exercises.md",
   "notebook_enable": false,
   "exercise_id": "d38182f970e04082813925c8c8c3e4fc"

data/2.Vue中阶/7.Mock/4.Mock.js 的安装与使用/exercises.json

 {
   "type": "code_options",
-  "author": null,
+  "author": "zhaoss",
   "source": "exercises.md",
   "notebook_enable": false,
   "exercise_id": "05ae338aa71f413898540a67101dba19"

data/2.Vue中阶/8.自定义指令/1.注册自定义指令/config.json

 {
   "node_id": "vue-52bb602d32dd4af7b584430431209819",
-  "keywords": [],
+  "keywords": [
+    "注册自定义指令",
+    "Vue自定义指令",
+    "自定义指令"
+  ],
   "children": [],
   "export": [
     "exercises.json"

data/2.Vue中阶/8.自定义指令/1.注册自定义指令/exercises.md

-# Vue指令
+# 注册自定义指令
 
  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  

data/2.Vue中阶/8.自定义指令/2.钩子函数和参数/config.json

 {
   "node_id": "vue-1b10c2b6e78146de8ec97c38b65716ed",
-  "keywords": [],
+  "keywords": [
+    "钩子函数和参数"
+  ],
   "children": [],
-  "export": [],
-  "keywords_must": [],
+  "export": [
+    "exercises.json"
+  ],
+  "keywords_must": [
+    "Vue",
+    "自定义指令"
+  ],
   "keywords_forbid": []
 }
\ No newline at end of file

data/2.Vue中阶/8.自定义指令/2.钩子函数和参数/exercises.json

+{
+  "type": "code_options",
+  "author": null,
+  "source": "exercises.md",
+  "notebook_enable": false,
+  "exercise_id": "a34affde5e1849999bb3116ab4777bdb"
+}
\ No newline at end of file

data/2.Vue中阶/8.自定义指令/2.钩子函数和参数/exercises.md

+# 钩子函数和参数
+
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
+<br>
+参照官方介绍总结如下：
+一个指令定义对象可以提供如下几个钩子函数 (均为可选)：
+<br>
+bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
+<br>
+inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
+<br>
+update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。
+componentUpdated：指令所在组件的 VNode 及其子 VNode 全部更新后调用。
+
+unbind：只调用一次，指令与元素解绑时调用。
+
+接下来我们来看一下钩子函数的参数 (即 el、binding、vnode 和 oldVnode)。
+<br>
+
+**钩子函数参数**
+<br>
+指令钩子函数会被传入以下参数：
+<br>
+el：指令所绑定的元素，可以用来直接操作 DOM。
+binding：一个对象，包含以下 property：
+name：指令名，不包括 v- 前缀。
+value：指令的绑定值，例如：v-my-directive="1 + 1" 中，绑定值为 2。
+oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。
+expression：字符串形式的指令表达式。例如 v-my-directive="1 + 1" 中，表达式为 "1 + 1"。
+arg：传给指令的参数，可选。例如 v-my-directive:foo 中，参数为 "foo"。
+modifiers：一个包含修饰符的对象。例如：v-my-directive.foo.bar 中，修饰符对象为 { foo: true, bar: true }。
+vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情。
+oldVnode：上一个虚拟节点，仅在 update 和 componentUpdated 钩子中可用。
+
+<br>
+
+```javascript
+<div id="hook-arguments-example" v-demo:foo.a.b="message"></div>
+```
+
+```javascript
+Vue.directive('demo', {
+  bind: function (el, binding, vnode) {
+    var s = JSON.stringify
+    el.innerHTML =
+      'name: '       + s(binding.name) + '<br>' +
+      'value: '      + s(binding.value) + '<br>' +
+      'expression: ' + s(binding.expression) + '<br>' +
+      'argument: '   + s(binding.arg) + '<br>' +
+      'modifiers: '  + s(binding.modifiers) + '<br>' +
+      'vnode keys: ' + Object.keys(vnode).join(', ')
+  }
+})
+
+new Vue({
+  el: '#hook-arguments-example',
+  data: {
+    message: 'hello!'
+  }
+})
+```
+<br>
+![在这里插入图片描述](https://img-blog.csdnimg.cn/647adb8c2d364eee8e0495c8ee84de44.png)
+
+<br>
+<br>
+
+
+
+
+ <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试：</div>
+
+根据上方小常识完成填空：除了 `(__1__)`之外，其它参数都应该是只读的，切勿进行修改。如果需要在钩子之间共享数据，建议通过元素的 `(__2__)` 来进行。 <br/><br/>
+
+## 答案
+
+1、el；2、dataset
+
+## 选项
+
+### A
+
+1、参数；2、dataset
+
+### B
+
+
+1、Vnode；2、dataset
+
+### C
+
+
+1、el；2、Vnode
\ No newline at end of file

data/2.Vue中阶/8.自定义指令/3.动态指令参数/config.json

 {
   "node_id": "vue-64bb319e721b4813a5e24f5ff7681eaa",
-  "keywords": [],
+  "keywords": [
+    "动态指令参数"
+  ],
   "children": [],
-  "export": [],
-  "keywords_must": [],
+  "export": [
+    "exercises.json"
+  ],
+  "keywords_must": [
+    "自定义指令",
+    "Vue"
+  ],
   "keywords_forbid": []
 }
\ No newline at end of file

data/tree.json

@@ -1047,9 +1047,14 @@
                   {
                     "Mock数据占位符": {
                       "node_id": "vue-e39a5fbfbde6413c894ae9bd006511d4",
-                      "keywords": [],
+                      "keywords": [
+                        "Mock.js 数据占位符",
+                        "数据占位符"
+                      ],
                       "children": [],
-                      "keywords_must": [],
+                      "keywords_must": [
+                        "Mock.js"
+                      ],
                       "keywords_forbid": []
                     }
                   },
@@ -1081,7 +1086,11 @@
                   {
                     "注册自定义指令": {
                       "node_id": "vue-52bb602d32dd4af7b584430431209819",
-                      "keywords": [],
+                      "keywords": [
+                        "注册自定义指令",
+                        "Vue自定义指令",
+                        "自定义指令"
+                      ],
                       "children": [],
                       "keywords_must": [
                         [
@@ -1096,18 +1105,28 @@
                   {
                     "钩子函数和参数": {
                       "node_id": "vue-1b10c2b6e78146de8ec97c38b65716ed",
-                      "keywords": [],
+                      "keywords": [
+                        "钩子函数和参数"
+                      ],
                       "children": [],
-                      "keywords_must": [],
+                      "keywords_must": [
+                        "Vue",
+                        "自定义指令"
+                      ],
                       "keywords_forbid": []
                     }
                   },
                   {
                     "动态指令参数": {
                       "node_id": "vue-64bb319e721b4813a5e24f5ff7681eaa",
-                      "keywords": [],
+                      "keywords": [
+                        "动态指令参数"
+                      ],
                       "children": [],
-                      "keywords_must": [],
+                      "keywords_must": [
+                        "自定义指令",
+                        "Vue"
+                      ],
                       "keywords_forbid": []
                     }
                   }