随笔分类 -  vue

vuex
摘要：一、准备代码 创建项目, vue create vuex-demo 建三个组件, 目录如下 |-components |--Son1.vue |--Son2.vue |-App.vue 源代码 <!-- App.vue --> <template> <div id="app"> <h1>根组件</h 阅读全文
posted @ 2025-06-09 00:13 技术蓝鱼 阅读(19) 评论(0) 推荐(0)
2. 路由
摘要：一、路由的基本使用 五个固定步骤 下载 VueRouter 模块到当前工程，版本3.6.5, yarn add vue-router@3.6.5 main.js中引入VueRouter, import VueRouter from 'vue-router' 安装注册, Vue.use(VueRout 阅读全文
posted @ 2025-06-08 01:45 技术蓝鱼 阅读(26) 评论(0) 推荐(0)
vue的生命周期和自定义组件
摘要：一、vue的生命周期 生命周期四个阶段：① 创建 ② 挂载 ③ 更新 ④ 销毁 创建阶段：创建响应式数据 挂载阶段：渲染模板 更新阶段：修改数据，更新视图 销毁阶段：销毁Vue实例 二、vue的生命周期钩子 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2025-06-08 01:08 技术蓝鱼 阅读(94) 评论(0) 推荐(0)
1. 自定义指令 + 插槽
摘要：自定义指令 全局注册 //在main.js中 Vue.directive('指令名', { "inserted" (el) { // 可以对 el 标签，扩展额外功能 el.focus() } }) 局部注册 //在Vue组件的配置项中 directives: { "指令名": { inserted 阅读全文
posted @ 2025-06-07 22:32 技术蓝鱼 阅读(49) 评论(0) 推荐(0)