在 Vue2 中，我们编写组件的方式是 Options API，Options API 的一大特点就是在对应的属性中编写对应的功能模块，比如 data 定义数据、methods 中定义方法、computed 中定义计算属性、watch 中监听属性改变，也包括生命周期钩子等。 实现功能时，这个功能对应的代码逻辑会被拆分到各个属性中；随着组件变得更大、更复杂时，逻辑关注点的……组件的生命周期 每个组件都可能经历创建、挂载、销毁等阶段，生命周期函数可以在不同阶段想要给组件添加事件。生命周期函数是一些钩子函数（回调函数），在对应阶段会被 Vue 源码内部进行回调。 组件的生命收起包括：创建（beforeCreat、created）、挂载（beforeMount、mounted）更新（beforeUpdate……在日常开发时，始终应该以“高内聚，低耦合”设计思想实现需求，而组件化开发也是对这个原则的具体实现。对前端来说，将页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，且不利于后续的管理以及扩展，所以开发时需要对功能进行拆分，这就是组件化开发。目前前端流行的框架也多以组件化开发思想进行开发。 在 Vue 中注册组件分成两种：……Vue 常用模板语法和指令 大多数情况下，Vue 使用基于 HTML 的模板语法进行开发。在模板中，允许开发者以声明式的方式将 DOM 和组件实例的数据绑定在一起。在底层的实现中，Vue 将模板编译成虚拟 DOM 渲染函数。 指令由v-作为前缀，表明它们是一些由 Vue 提供的特殊 attribute，它们将为渲染的 DOM 应用特殊的响应式行为。 Mustache 如果我们希望把数据显示到模……正常情况下，hugo 框架使用 hugo server 命令生成本地网络服务，并在 localhost:1313 下进行资源访问。我的 hugo 安装 WSL2 环境中，按照上述方法访问本地网络服务没有任何问题。但在一次重启后，Windows 浏览器访问 WSL2 上部署的 hugo 网络服务失败，显示 localhost 已拒绝连接。。 网上一些资料说 WSL2 是一个虚拟环境，不能直接访问1，资料给出的方案多半也是查询 ip 并直接访问 ip:端口……