vue3笔记链接

为什么vue3 都需要 .value的这种形式访问

在这里插入图片描述

vite

ref本质上还是reactive,只不过reactive需要传入一个对象,但是有时候我们需要一个基本类型作为响应式,如果用reactive的话就需要reactive({value:xxx})这样传进去,所以vue就提供了ref这种写法,让你不需要手动包装成对象。所以这也是为什么ref包装的响应式对象需要.value才能拿到值的原因。

toref torefs 区别

https://blog.csdn.net/qq_33323469/article/details/122121843

VitePress

https://zhuanlan.zhihu.com/p/402505562

esbuild

https://juejin.cn/post/6918927987056312327

rollupjs

https://www.rollupjs.com/

vue3.0 语法糖

https://wenku.baidu.com/view/52feea6828160b4e767f5acfa1c7aa00b52a9d96.html

https://www.jianshu.com/p/143ddd1d584d?u_atoken=488053bf-f990-4929-afab-d84172f81db6&u_asession=01gjuQQFxWOm355OI3mW3-c-QjcUGrZV_Atp5KdxCFJi1o3q0-arues2VcSb8K1wvcX0KNBwm7Lovlpxjd_P_q4JsKWYrT3W_NKPr8w6oU7K9TvBnjqtxLHXpNjriRF3O1Ppcarp92QKzyJKyYjREPlmBkFo3NEHBv0PZUm6pbxQU&u_asig=05I1UluhUtlBU6IPgFB9X73npZ5ZKzipMq13fkTE0bqP5Ze8F5EPBcItG7ZsM5_5In9VIY7P2h3oB12ERgYmsm9j1UiNGxwBseEgkeB2JPoRmVU7wM1LOJEel_NGJz0IsNElMvawEDYaCfAqd66xKAi-QuzWHJJ8DXl6VuD_QtPWX9JS7q8ZD7Xtz2Ly-b0kmuyAKRFSVJkkdwVUnyHAIJzfPLBSp_K5hD2-91hq0ew654ylnYjgdSf20HunoRQ0JLWPRPQyB_SKrj-61LB_f61u3h9VXwMyh6PgyDIVSG1W8bnW7KvJvfbU6iIvVrB7FV6n2obtm-JMAyZ9HwsFQtaJJPjUqqWK1JoZroaGv-NjUZxSq0KJJ9RxCzECBeE-g7mWspDxyAEEo4kbsryBKb9Q&u_aref=lH5s83MK6BMUHausLqa%2BbIgbv6s%3D

gsap vue中2d动画插件

https://blog.csdn.net/qq_43305958/article/details/108265403

VueUse

https://zhuanlan.zhihu.com/p/480313279

pinia和vuex的区别

https://blog.csdn.net/zsj702177/article/details/123093829

web前端框架之Vue 3.0 的七大优势

https://baijiahao.baidu.com/s?id=1707244487012548714&wfr=spider&for=pc

  • 24
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现Vue3的友情链接跳转,可以使用Vue Router来管理路由。首先,在组件文件(比如src/components/app-topnav.vue)中,添加一个路由链接跳转到目标页的链接。可以使用`RouterLink`组件来创建路由链接。例如,可以在一个`<li>`元素中添加以下代码: ``` <RouterLink to="/target-page">友情链接</RouterLink> ``` 其中,`to="/target-page"`表示目标页的路径。这样点击链接时就会跳转到目标页。 接下来,需要创建目标页的组件文件(比如views/TargetPage.vue)。在该文件中,可以添加相应的内容来展示目标页的信息。 最后,需要在Vue Router的配置文件中指定目标页的路由。可以在路由的`routes`数组中添加一个新的路由对象,如下所示: ``` { path: '/target-page', component: TargetPage } ``` 其中,`path`表示路由路径,`component`表示对应的组件。 这样,当点击友情链接时,就会跳转到目标页。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue3小兔鲜商城项目学习笔记+资料分享05](https://blog.csdn.net/weixin_44125573/article/details/127793123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值