注释很详细,直接上代码
新增内容
- 使用挂载完成的钩子函数
- 用focus使输入框获取焦点
源码
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- 挂载点 -->
<div id="root">
<input type="text">
</div>
<!-- 导入vue的js代码:不会下载的看专栏第一篇 -->
<script src="./lib/vue2.js"></script>
<!-- 导入axios的js代码 -->
<script src="./lib/axios.js"></script>
<script>
const app = new Vue({// Vue实例
el: "#root", // 挂载点
data: {// 数据
lists:null
},
mounted(){// 挂载完成以后
// 让输入框获取焦点
document.querySelector("input").focus()
},
methods: {
// 方法
},
computed: {
// 计算属性
},
watch: {
// 侦听器
},
});
</script>
</body>
</html>
效果演示(可以看到页面刚刷新完成焦点自动被输入框获取了)