注释很详细,直接上代码
上一篇
新增内容
- 使用挂载完成的钩子函数
- 用focus使输入框获取焦点
源码
<!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>
效果演示(可以看到页面刚刷新完成焦点自动被输入框获取了)