![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
文章平均质量分 78
ggome
Ggome's notes
展开
-
Vue3【二十三】Vue 路由模式 用params给组件传参
Vue3【二十三】Vue 路由模式 用params给组件传参只能使用名称路由需要在路由中提前指定参数占位?代表可选项。原创 2024-06-13 22:00:00 · 920 阅读 · 0 评论 -
Vue3【二十二】Vue 路由模式的嵌套路由和用query给组件的RouterLink传参
Vue3【二十二】Vue 路由模式的嵌套路由和用query给组件传参RouterLink 的两种传参方法RouterView。原创 2024-06-13 19:03:11 · 914 阅读 · 0 评论 -
Vue3【二十一】Vue 路由模式(createWebHashHistory /createWebHistory )和RouterLink写法
Vue3【二十一】Vue 路由模式和普通组件目录结构createWebHistory history模式:url不带#号,需要后端做url适配 适合销售项目 利于seocreateWebHashHistory Hash模式:url 带#号,不需要url适配,比较适合后端项目 不利于seo路由命名 和 配置路由规则Header 组件是一般组件一般放到components文件夹中News About Home 组件是路由组件,一般存放在pages或views文件夹中/*注意。原创 2024-06-13 16:25:00 · 2453 阅读 · 0 评论 -
Vue3【二十】Vue3 路由和组件页面切换
Vue3【二十】Vue3 路由和组件页面切换Vue3 路由的创建路由的引入路由的配置路由的导出路由的url模式 带# 或不带。原创 2024-06-13 11:52:14 · 1046 阅读 · 0 评论 -
Vue3【十九】自定义Hooks钩子 将数据和方法分组
Vue3【十九】自定义Hooks钩子 将数据和方法分组每个分组都可以放置 各种生命周期钩子分组和可以使用计算属性等。原创 2024-06-12 15:11:52 · 375 阅读 · 0 评论 -
Vue3【十八】Vue3的生命周期
Vue3【十八】Vue3的生命周期生命周期vue组件实例在创建时要经历一系列的初始化步骤,在此过程中vue会在何时的时机,调用特定的函数,从而让开发者有机会在特定时段运行自己的代码,这些特定的函数统称为:生命周期钩子生命周期整体f分为四个阶段 创建 挂载 更新 销毁,每个阶段两个钩子,一前一后。原创 2024-06-11 23:51:27 · 1095 阅读 · 0 评论 -
Vue3【十七】props的作用和组件之间的传值限定类型和默认值
Vue3【十七】props的作用和组件之间的传值限定类型和默认值父组件传值给子组件 多个值传递传值限定类型和默认值。原创 2024-06-11 10:36:17 · 918 阅读 · 0 评论 -
Vue3【十六】TS中的接口、泛型,自定义类型
TS中的接口、泛型,自定义类型。原创 2024-06-10 23:15:34 · 909 阅读 · 0 评论 -
Vue3【十五】标签的Ref属性
标签的ref属性 用于注册模板引用用在dom标签上,获取的是dom节点用在组件上,获取的是组件实例对象。原创 2024-06-10 21:26:14 · 1067 阅读 · 0 评论 -
Vue3【十四】watchEffect自动监视多个数据实现,不用明确指出监视哪个数据
Vue3【十四】watchEffect自动监视多个数据实现,不用明确指出监视哪个数据进入立即执行一次,并监视数据变化。原创 2024-06-09 16:42:50 · 391 阅读 · 0 评论 -
Vue3【十三】watch监视
Vue3 中的watch祝你能监视一下四种数据。原创 2024-06-09 15:51:39 · 798 阅读 · 0 评论 -
Vue3【十二】09Computed计算属性
计算属性 获取全名 这种方式是只读的不能修改这样定义fullName是一个计算属性,可读可写。原创 2024-06-08 20:22:07 · 566 阅读 · 0 评论 -
Vue3【十一】08使用toRefs和toRef
toRefs()函数将person对象中的name和age属性转换为响应式引用,并返回一个对象,对象中的name和age属性都是响应式引用,具有响应式功能。toRef()函数将person对象中的name属性转换为响应式引用,并返回一个响应式引用,具有响应式功能。原创 2024-06-08 14:59:10 · 969 阅读 · 0 评论 -
Vue3【十】07使用ref创建基本类型的响应式数据以及ref和reactive区别
ref 也可以创建对象类型的响应式数据,不过要使用.valueref 处理对象数据的时候,底层数据还是reactive格式的reactive 重新分配一个新对象,会失去响应式可以使用Object.assign()来做整体替换,不会丢失响应式若要使用一个基本类型的响应式数据,必须使用ref若要使用一个响应式对象成绩不深,ref和reactive都可以若要使用一个响应式对象,层级比较深,推荐reactive。原创 2024-06-08 10:54:26 · 1036 阅读 · 0 评论 -
Vue3【九】reactive 创建对象类型的响应式数据
reactive() 定义对象类型的响应式数据,可以任何类型的对象默认开启对象的深度响应绑定不能创建基本类型的响应式数据。原创 2024-06-07 15:27:27 · 847 阅读 · 0 评论 -
Vue3【八】ref创建基本类型的响应式数据
在setup中直接声明变量不是实时变化的响应式数据要想使基本类型数据变成响应式数据,需要用到ref()函数。原创 2024-06-07 13:39:06 · 421 阅读 · 0 评论 -
Vue3【七】setup的语法糖setup简写方法
Vue3【七】setup的语法糖setup简写方法使用script标签式写法称为setup语法糖组件名称默认位文件名export 的内容可以省略。原创 2024-06-07 11:46:09 · 331 阅读 · 0 评论 -
Vue3【六】setup的使用和setup的返回值
setup函数的使用,和vue2的选项式不同 vue3的组合式使用的是setup函数通过返回值将数据和方法传到页面返回值也可以是一个箭头函数setup先于 data和method执行所有无法读取到this和data,method的内容,反之可以。原创 2024-06-07 10:18:36 · 560 阅读 · 0 评论 -
Vue3【四】使用Vue2的写法写一个新的组件子组件和根组件
Vue3【四】使用Vue2的写法写一个新的组件Vue3是向下兼容的,所有可以使用Vue的选项式写法。原创 2024-06-06 14:30:59 · 399 阅读 · 0 评论 -
Vue3【二】 VSCode需要安装的Vue语法插件
VSCode需要安装的 适配Vue3的插件Vue-Official插件安装原创 2024-06-06 10:28:02 · 468 阅读 · 1 评论 -
Vue3 一 快速启动基于Vite 创建项目
Win+R输入 CMD 回车后打开CMD命令行已安装 18.3以上版本的NodeJS,js(我们用 NPM 方式安装 输入命令。原创 2024-06-05 23:47:39 · 300 阅读 · 0 评论