学习笔记 手写VueRouter 实现相关功能

最新推荐文章于 2024-04-29 16:06:11 发布
最新推荐文章于 2024-04-29 16:06:11 发布
阅读量105 收藏
点赞数
分类专栏： 学习笔记 文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42534804/article/details/118882843
版权

1. 准备项目环境

一、初始化项目

使用 vue脚手架 创建项目

vue create my-vuerouter

等待项目初始化完成，进行项目的运行

npm run serve

二、保留有用的代码

Home.vue

<template>
  <div class="home">
    <HelloWorld msg="Welcome to Your Vue.js App" />
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld
  }
}
</script>

HelloWorld.vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

2. 实现vuerouter

一、创建文件

在 src 下创建vuerouter/index.js

二、编写代码

1. 实现 install 静态方法

​ install 方法需要实现以下功能：

​ a. 判断当前插件是否已经安装

​ b. 把 Vue 的构造函数记录在全局

​ c. 把创建 Vue 的实例传入的 router 对象注入到 Vue 实例

判断当前插件是否已经安装
//1 判断当前插件是否被安装
if(VueRouter.install.installed){
    return;
}
VueRouter.install.installed = true
把 Vue 的构造函数记录在全局
let _Vue = null // 定义一个全局变量来记录Vue构造函数


//2 把Vue的构造函数记录在全局
_Vue = Vue
把创建 Vue 的实例传入的 router 对象注入到 Vue 实例
//3 把创建Vue的实例传入的router对象注入到Vue实例
// _Vue.prototype.$router = this.$options.router
// 混入
_Vue.mixin({
    beforeCreate(){
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if(this.$options.router){
            _Vue.prototype.$router = this.$options.router
        }
    }
})
完整的 install 静态方法
let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
        }
      }
    })
  }
}

2. 实现 constructor 构造函数

let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }

}

3. 实现 createRouteMap 方法

let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }

  createRouteMap () {
    // 遍历所有的路由规则 把路由规则解析成键值对的形式存储到 routeMap 中
    this.options.routes.forEach(route => {
      this.routeMap[route.path] = route.component
    });
  }
}

4. 实现 initComponents 方法中的 router-link方法

let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }
    
  createRouteMap () {
    // 遍历所有的路由规则 把路由规则解析成键值对的形式存储到 routeMap 中
    this.options.routes.forEach(route => {
      this.routeMap[route.path] = route.component
    });
  }

  initComponent (Vue) {
    Vue.component("router-link", {
      props: {
        to: String
      },
      template: '<a :href="to"></a>'
    })
  }
}

5. 实现 init 方法

测试 createRouteMap 和 initComponent 方法，需要在创建 Vue 的实例时，执行这两个方法

let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
          this.$options.router.init()
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }

  init () {
    createRouteMap()
    initComponent(_Vue)
  }

  createRouteMap () {
    // 遍历所有的路由规则 把路由规则解析成键值对的形式存储到 routeMap 中
    this.options.routes.forEach(route => {
      this.routeMap[route.path] = route.component
    });
  }

  initComponent (Vue) {
    Vue.component("router-link", {
      props: {
        to: String
      },
      template: '<a :href="to"><slot></slot></a>'
    })
  }
}
修改 router/index.js
import Vue from 'vue'
// import VueRouter from 'vue-router'
import VueRouter from '../vuerouter'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
测试🌰
npm run server

打开网页会看不到效果，在控制台中有两个报错

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
vue 的构建版本

​ **运行时版：**不支持 template 模版，需要打包的实收提前编译

​ **完整版：**包含运行时和编译器，体积比运行时版大 10k 左右，程序运行的时候把模板转换成 render 函数

原因： vuecli 创建时使用 运行时版本

解决方案1：使用完整版的 Vue 参考资料

vue.config.js

module.exports = {
  runtimeCompiler: true,
  // 取消 eslint 校验
  lintOnSave: false,
  devServer: {
    overlay: {
      warning: false,
      errors: false
    }
  },
}

再次执行 npm run serve，就能正常显示的两个链接了

解决方案2：initComponents 方法中实现 render 函数
let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
          this.$options.router.init()
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }

  init () {
    this.createRouteMap()
    this.initComponent(_Vue)
  }

  createRouteMap () {
    // 遍历所有的路由规则 把路由规则解析成键值对的形式存储到 routeMap 中
    this.options.routes.forEach(route => {
      this.routeMap[route.path] = route.component
    });
  }

  initComponent (Vue) {
    Vue.component("router-link", {
      props: {
        to: String
      },
      render (h) {
        return h("a", {
          attrs: {
            href: this.to
          },
        }, [this.$slots.default])
      },
      // template: '<a :href="to"><slot></slot></a>'
    })
  }
}

6. initComponents 方法中实现 router-view 方法

增加 router-view 方法
let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
          this.$options.router.init()
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }

  init () {
    this.createRouteMap()
    this.initComponent(_Vue)
  }

  createRouteMap () {
    // 遍历所有的路由规则 把路由规则解析成键值对的形式存储到 routeMap 中
    this.options.routes.forEach(route => {
      this.routeMap[route.path] = route.component
    });
  }

  initComponent (Vue) {
    Vue.component("router-link", {
      props: {
        to: String
      },
      render (h) {
        return h("a", {
          attrs: {
            href: this.to
          },
        }, [this.$slots.default])
      },
      // template: '<a :href="to"><slot></slot></a>'
    })

    const self = this
    Vue.component("router-view", {
      // 创建虚拟 dom
      render (h) {
        // 先找到当前路由地址，然后通过routerMap中找到当前路由地址对应的组件，然后把该组件转换成虚拟 dom返回
        // self.data.current
        const component = self.routeMap[self.data.current]
        return h(component) // 返回虚拟 dom
      }
    })
  }
}

这时候测试发现，点解链接时会发送 http 请求，为了阻止发送 http 请求，需要在组件中注册点击事件来阻止发送请求

完善router-link方法
let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
          this.$options.router.init()
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }

  init () {
    this.createRouteMap()
    this.initComponent(_Vue)
  }

  createRouteMap () {
    // 遍历所有的路由规则 把路由规则解析成键值对的形式存储到 routeMap 中
    this.options.routes.forEach(route => {
      this.routeMap[route.path] = route.component
    });
  }

  initComponent (Vue) {
    Vue.component("router-link", {
      props: {
        to: String
      },
      render (h) {
        return h("a", {
          attrs: {
            href: this.to
          },
          on: {
            click: this.clickhander
          }
        }, [this.$slots.default])
      },
      // template: '<a :href="to"><slot></slot></a>'
      methods: {
        clickhander (e) {
          // 改变地址栏
          history.pushState({}, "", this.to)
          // 加载路径对应组件
          this.$router.data.current = this.to
          e.preventDefault()
        }
      }
    })

    const self = this
    Vue.component("router-view", {
      // 创建虚拟 dom
      render (h) {
        // 先找到当前路由地址，然后通过routerMap中找到当前路由地址对应的组件，然后把该组件转换成虚拟 dom返回
        // self.data.current
        const component = self.routeMap[self.data.current]
        return h(component) // 返回虚拟 dom
      }
    })
  }
}

7. 实现 initEvent 方法

解决 history 发生变化的时候，渲染对应的组件

let _Vue = null // 定义一个全局变量来记录Vue构造函数

export default class VueRouter {
  static install (Vue) {
    // 1. 判断当前插件是否已经安装
    if (VueRouter.install.installed) {
      return;
    }
    VueRouter.install.installed = true

    // 2. 把 Vue 的构造函数记录在全局
    _Vue = Vue

    // 3. 把创建Vue的实例传入的 router 对象注入到Vue实例
    // _Vue.prototype.$router = this.$options.router
    // 混入
    _Vue.mixin({
      beforeCreate () {
        // 判断是否为组件，是就不执行；否则为实例，需要执行。只用 vue 中才有 $options.router 的属性，而在 组件中没有的
        if (this.$options.router) {
          _Vue.prototype.$router = this.$options.router
          this.$options.router.init()
        }
      }
    })
  }

  constructor(options) {
    this.options = options
    this.routeMap = {}
    // observable
    this.data = _Vue.observable({
      current: "/"
    })
  }

  init () {
    this.createRouteMap()
    this.initComponent(_Vue)
    this.initEvent()
  }

  createRouteMap () {
    // 遍历所有的路由规则 把路由规则解析成键值对的形式存储到 routeMap 中
    this.options.routes.forEach(route => {
      this.routeMap[route.path] = route.component
    });
  }

  initComponent (Vue) {
    Vue.component("router-link", {
      props: {
        to: String
      },
      render (h) {
        return h("a", {
          attrs: {
            href: this.to
          },
          on: {
            click: this.clickhander
          }
        }, [this.$slots.default])
      },
      // template: '<a :href="to"><slot></slot></a>'
      methods: {
        clickhander (e) {
          // 改变地址栏
          history.pushState({}, "", this.to)
          // 加载路径对应组件
          this.$router.data.current = this.to
          e.preventDefault()
        }
      }
    })

    const self = this
    Vue.component("router-view", {
      // 创建虚拟 dom
      render (h) {
        // 先找到当前路由地址，然后通过routerMap中找到当前路由地址对应的组件，然后把该组件转换成虚拟 dom返回
        // self.data.current
        const component = self.routeMap[self.data.current]
        return h(component) // 返回虚拟 dom
      }
    })
  }

  initEvent () {
    // this 是 vuerouter 对象
    window.addEventListener("popstate", () => {
      this.data.current = window.location.pathname
    })
  }
}

测试点解浏览器的返回按钮会渲染上一个路径的组件

睡懒觉的橘喵
关注
专栏目录
vue学习笔记（超详细）
jiey0407的博客
03-09 5673
文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox类型使用 v-model结合select类型使用 值绑定 修饰符 检测数组更新 计算属性 computed 计算属性setter和getter computed / meth
vue学习笔记 router vue 基础源码手写 反射组件 测试
qq_45435203的博客
09-05 416
小知识 data里不能定义 _ $ 开头的变量. 反射组件 在文件夹里创建index.js 将其他组件导出 //index.js import Xxx1 from './xxx' import Xxx2 from './xxx' export default { Xxx1, Xxx2 } 在页面引入index.js, 请求的数据要有组件type名 <template> <div> <block v-for="(item, index) in list"
【前端学习笔记】Vue Router 3.x 学习笔记
weixin_42591485的博客
03-25 198
【前端学习笔记】Vue Router 3.x 学习笔记
手写vue - 简单VueRouter的实现
qq_36782473的博客
10-10 552
vue手写简单router如何手写一个简单的router一、什么是vue-router?二、vue-router的安装使用1.安装： vue add router2.核⼼步骤：1）步骤⼀：使⽤vue-router插件，router.js2）步骤⼆：创建Router实例，router.js3）步骤三：在根组件上添加该实例，main.js4）步骤四：添加路由视图，App.vue5）导航三、vue-router做了哪些事？1.需求分析和实现目标1）spa ⻚⾯不能刷新2）根据url显示对应的内容2.需要做哪些事？
Vue Router学习笔记
wolishenfan的博客
03-24 181
Vue Router 学习Vue Router的12条笔记。官方文档地址：Vue Router。 使用<router-link to="/user">组件来导航路由，路由匹配到的组件内容将显示在<router-view >中。 在组件中通过$this.router访问路由器（当前路由） <div class="page-warrper"> <p> <!-- 使用 router-link 组件来导航. --> <!
Vue超详细学习笔记(1)
2401_84447112的博客
04-29 343
{{mes}}
Vue学习演示笔记
Florae006的博客
09-21 341
什么是vue？一套用于构建用户界面的。
手写Vue-router核心原理，再也不怕面试官问我Vue-router原理
2401_84092542的博客
04-23 992
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
vue-router学习笔记
路漫漫其修远兮，吾将上下而求索
09-11 181
前言 用vue-cli进行开发已经有一段时间，vue-router也常常会用到，但之前都是按需索取，并没有系统地学习过此插件，最近系统地学习了官网上的基础部分，把官网上的例子重新写一遍，故做出此篇总结。 目录 先放一张目录图（最右级的内容只是方便我去辨别这些内容，我觉得这就是这些内容的特征） 以下每项内容都会提供一个完整的例子，例子内容与官网提供的例子大部分是一样的，但加上了注释，而且是一个可执行的html文件。 起步 在vue中实现路由配置的方式有两种，分别是声明式编程和函数式编程，两者的
vue路由学习笔记
m0_48895748的博客
12-13 467
路由学习笔记整理
后端小白的Vue-Router学习笔记
5akura's Blog
06-19 1014
文章目录写在前面十、Vue-Router10.1、唠一唠 Web 开发的阶段发展10.2、history、hash10.3、入门案例10.4、入门案例改进10.5、关于 router-link 其他属性10.6、动态路由匹配10.6.1、关于$route10.6.2、响应路由参数的变化10.6.3、捕获所有路由或者 404 路由10.7、嵌套路由10.8、编程式导航10.8.1、关于 router 和$router10.8.2、初体验10.8.3、参数解析10.9、路由命名10.10、命名视图10.10.1
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 8867
未完
卡通风格化魔法术技能粒子特效 ：Toon Projectiles 2 1.0
10-19
这款卡通射击特效资源包提供了 15 种独特的射击物、命中效果和闪光效果，风格统一且易于与您的项目集成。它默认支持 Unity 的内置渲染器，并且兼容 HDRP 和 URP 渲染管线。如果您拥有 Hovl Studio 的其他资源，该包将免费提供。所有效果均在各平台兼容，并且可以通过标准尺寸值轻松调整命中效果的大小。需要注意的是，调整射击物大小时，可能需要修改轨迹长度和按距离生成的速率。 该资源还包含了一个演示场景射击脚本，方便用户快速了解如何使用这些特效。该资源包还与 InfinityPBR 的 Projectile Factory 插件兼容，可以进一步增强您的射击游戏效果。 需要注意的是，推广媒体中使用的后处理效果 "Bloom" 并非资源包自带，建议用户在下载资源包之前，先行从 Unity 包管理器下载 "Post Processing Stack"。HDRP 和 URP 渲染管线的用户可以直接利用内置的 "Volume" 组件中的 "Bloom" 效果。
在 MATLAB GUI 中动态更新数据：策略与实践
10-19
通过本文的详细介绍，你应该能够理解如何在 MATLAB GUI 中更新数据。从设计 GUI 界面到处理用户输入，再到动态更新数据，每一步都是构建交互式 MATLAB 应用程序的关键。通过实际的代码示例，你可以更深入地理解这些概念，并将其应用到你自己的项目中。 记住，GUI 的设计和实现是一个迭代的过程。随着你对用户需求的更深入了解，你可能需要不断调整和优化你的 GUI。通过持续的测试和反馈，你可以创建一个既美观又功能强大的 MATLAB GUI 应用程序
【JCR一区级】Matlab实现白鹭群优化算法ESOA-CNN-BiLSTM-Attention的故障诊断算法研究.rar
最新发布
10-20
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
信创实验室建设方案（24页）.pptx
10-19
信创实验室建设方案（24页）
KGBrowserSetup-x86-V1.0.0.100-20190315.exe
10-19
KGBrowserSetup_x86_V1.0.0.100_20190315.exe
obspy-1.2.2-cp38-cp38-win_amd64.whl
10-19
obspy-1.2.2-cp38-cp38-win_amd64.whl
数字政府大数据政务云平台顶层设计方案(75页）.pptx
10-19
数字政府大数据政务云平台顶层设计方案(75页）
Vue学习笔记：核心概念与生命周期解析
"个人学习vue笔记，包含作者在学习和工作中整理的重要知识点，涵盖vue的指令、生命周期、计算属性等内容" Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。以下是对标题和描述中提及知识点的详细说明： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值