Vue2-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Vue2

Vue2

专栏成员

25

文章

2610

阅读量

14

订阅数

《进阶篇第9章》学习vuex知识点后练习：把求和案例改成getters

vue.js vuejs2 vuex

<font color='red'>旧代码：无论设置 value="1"还是 value=1都无效</font>

2024-10-17

630

《进阶篇第9章》学习vuex知识点后练习：把求和案例改成mapState与mapGetters

vuex vue.js vuejs2

<font color='red'>旧代码：无论设置 value="1"还是 value=1都无效</font>

2024-10-17

730

《进阶篇第9章》学习vuex知识点后练习：把求和案例改成mapMutations与mapActions

vue.js vuejs2 vuex

<font color='red'>旧代码：无论设置 value="1"还是 value=1都无效</font>

2024-10-16

980

《进阶篇第9章》学习vuex知识点后练习：把求和案例改成多组件共享数据

vuex vue.js vuejs2

<font color='red'>旧代码：无论设置 value="1"还是 value=1都无效</font>

2024-10-16

770

《进阶篇第9章》学习vuex知识点后练习：把求和案例改成vuex模块化编码

vue.js vuejs2 vue-loader vuex

<font color='red'>旧代码：无论设置 value="1"还是 value=1都无效</font>

2024-10-15

1000

vue2知识点：理解vuex、安装vuex、搭建vuex环境

vue.js vuejs2 vuex

<font color='red'>注意点1：</font>浏览器安装的Vue插件，实际是vue+vuex的插件。

2024-10-15

950

vue2知识点：模块化+名命空间

模块化 vue.js vuejs2

<font color='red'>答案：</font>就是一系列功能写到同一个模块代码中，比如Count计数相关的属性和方法，统一定义在store.js中的const CountAbout中，这样做的好处是，修改哪部分模块功能就去精确修改即可，而非模块化之前是吧所有业务所有属性和方法全部写在store.js中，这样太乱且不容易维护。

2024-10-14

1070

《vue2进阶篇：路由》第10章：vue-router，包括基础路由、嵌套路由、路由的query参数和params参数、命名路由、router-link的rep

vue.js vuejs2 路由

随着（SPA）单页应用的不断普及，前后端开发分离，目前项目基本都使用前端路由，在项目使用期间页面不会重新加载。

2024-10-13

690

vue2进阶篇：安装路由

vue.js vuejs2 路由路由器

<font color='red'>注意点1：</font>2022年2月7日以后，vue-router的默认版本，为4版本。

2024-10-13

1040

vue2进阶篇：vue-router之基础路由

vue.js vuejs2 vue-router 路由

被用于路由的组件，实际this(也就是vc)上都会多<font color='red'>两个属性\$route和\$router</font>详情看如下图片。<font color='red'>其中\$route指代路由规则，\$router指代整个应用的路由器，只有一个</font>。即路由不同组件上的\$route属性都不一样，而路由不同组件上的\$router却是相同的。

2024-10-13

560

vue2进阶篇：vue-router之路由的query参数

vue.js vuejs2 vue-router 路由

<font color='red'>跳转路由并携带query参数，to的字符串写法：</font>

2024-10-13

930

vue2进阶篇：vue-router之命名路由

vuejs2 vue-router 路由 vue.js

命名路由请使用name属性，替换掉path属性的作用，且name直接指定名称即可，而path必须指定3级目录（path=’/demo/test/welcome’）才行。

2024-10-12

1270

vue2进阶篇：vue-router之路由的params参数

vue.js vuejs2 vue-router

跳转路由并携带params参数，to的对象写法中，不能配置path参数，不然页面会没效果（就是点击完数据都没了），正确写法只能配置name属性，不能配置path属性

2024-10-12

1600

vue2进阶篇：vue-router之路由的props配置

路由 vue.js vuejs2 vue-router

<font color='red'>答案：</font>类似组件的props配置作用，组件的props用户父组件向子组件传递参数；而路由中props配置为了更方便的给路由组件传递参数。比如“案例-路由的params参数”中Detail组件中书写重复，请看如图1，那如果我有100个属性，难道要重复写100个{{$route.params.xx}}，明显$route.params重复写的太多了；而使用props配置就精简许多了，如图2

2024-10-12

1020

vue2进阶篇：vue-router之router-link的replace属性

vue.js replace router vue-router

<font color='red'>完整写法</font> =》 :replace=’true’

2024-10-12

960

vue2进阶篇：vue-router之使用“全局路由守卫”

vuejs2 前端 vue.js

前置路由守卫或者后置路由守卫中，to指代切换到哪个路由组件，from指代从哪里来的路由组件，next指代下一个路由组件是否放行显示

2024-10-10

990

vue2进阶篇：vue-router之“使用组件内路由守卫”

vue.js vuejs2 前端

前置路由守卫或者后置路由守卫中，to指代切换到哪个路由组件，from指代从哪里来的路由组件，next指代下一个路由组件是否放行显示

2024-10-10

2180

vue2进阶篇：vue-router之路由的2种工作模式

vue.js vuejs2 前端

<font color='red'>答案：</font>hash模式和history模式。其中hash模式就是url路径带/#/的，#后面的以hash值传向服务器，而history模式就是最普通的url路径

2024-10-10

720

vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】

vue.js vuejs2 前端

1.vue尚品汇商城项目-day00【项目介绍：此项目是基于vue2的前台电商项目和后台管理系统】

2024-10-10

1080

vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】

vue.js vuejs2 前端

在package.json中更改script项，改为如下代码，只是在"serve"后面多添加了--open而已

2024-10-10

660

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态