2.8.1小节展示试题修改

40577dcd · zhaoss · 0ce52b08 · 40577dcd
隐藏空白更改
内联并排

Showing with 14 addition and 1 deletion

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

未找到文件。
--- a/data/2.Vue中阶/8.自定义指令/1.注册自定义指令/exercises.md
+++ b/data/2.Vue中阶/8.自定义指令/1.注册自定义指令/exercises.md
@@ -3,8 +3,10 @@
  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 我们通常用的文本框当我们进入页面后需要点击后才会获取焦点的，但是我们可以自定义一个指令为 input ，当页面进入后自动获取焦点，下面就是一个简单的自定义指令的小案例啦  大家可以尝试一下哦！
-```javascript

+<br>
+
+```html
 <body>
  <div id="app">
    <p>请输入你的幸运数字</p>
@@ -13,6 +15,12 @@
    <p>{{text}}</p>
  </div>
 </body>
+```
+
+<br>
+
+```javascript
+
 <script>
  var app = new Vue({
    el: '#app',
@@ -33,9 +41,14 @@
  })

 </script>
+
 ```
+<br>
+
 上面这种是简单的我们从页面中去定义指令，如果运用较多我们可以进行全局注册

+<br>
+
 ```javascript
 // 注册一个全局自定义指令 `v-focus`
 Vue.directive('focus', {