代码编辑器:
x
1
2
<meta charset="utf-8">
3
<title>Vue 2 范例 - 简单教程(www.twle.cn)</title>
4
<link href="/static/next/css/tryit.css?v=2017082407" rel="stylesheet"/>
5
<script src="/static/lib/vue.js/2.5.9/vue.min.js"></script>
6
<div id="app">
7
<p>页面载入时,input 元素自动获取焦点:</p>
8
<input v-focus>
9
</div>
10
<footer>简单教程,简单编程<br/>Copyright © 简单教程</footer>
11
<script>
12
// 创建根实例
13
new Vue({
14
el: '#app',
15
directives: {
16
// 注册一个局部的自定义指令 v-focus
17
focus: {
18
// 指令的定义