Skip to content

S
skill_tree_vue

CSDN 技术社区 / skill_tree_vue

通知 5
Star 2
Fork 0
S
skill_tree_vue
提交 40577dcd 编写于 作者: Z zhaoss
浏览文件
操作

2.8.1小节展示试题修改

上级 0ce52b08
隐藏空白更改
内联 并排
Showing with 14 addition and 1 deletion
data/2.Vue中阶/8.自定义指令/1.注册自定义指令/exercises.md
浏览文件 @ 40577dcd
...@@ -3,8 +3,10 @@ ...@@ -3,8 +3,10 @@
 <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
我们通常用的文本框当我们进入页面后需要点击后才会获取焦点的，但是我们可以自定义一个指令为 input ，当页面进入后自动获取焦点，下面就是一个简单的自定义指令的小案例啦 大家可以尝试一下哦！ 我们通常用的文本框当我们进入页面后需要点击后才会获取焦点的，但是我们可以自定义一个指令为 input ，当页面进入后自动获取焦点，下面就是一个简单的自定义指令的小案例啦 大家可以尝试一下哦！
```javascript
<br>
```html
<body> <body>
<div id="app"> <div id="app">
<p>请输入你的幸运数字</p> <p>请输入你的幸运数字</p>
...@@ -13,6 +15,12 @@ ...@@ -13,6 +15,12 @@
<p>{{text}}</p> <p>{{text}}</p>
</div> </div>
</body> </body>
```
<br>
```javascript
<script> <script>
var app = new Vue({ var app = new Vue({
el: '#app', el: '#app',
...@@ -33,9 +41,14 @@ ...@@ -33,9 +41,14 @@
}) })
</script> </script>
``` ```
<br>
上面这种是简单的我们从页面中去定义指令，如果运用较多我们可以进行全局注册 上面这种是简单的我们从页面中去定义指令，如果运用较多我们可以进行全局注册
<br>
```javascript ```javascript
// 注册一个全局自定义指令 `v-focus` // 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', { Vue.directive('focus', {
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或