
vue
文章平均质量分 63
可爱迷人的反派角色&
这个作者很懒,什么都没留下…
展开
-
路由的配置及基本使用(多级路由,命名路由,parms参数query参数,编程式路由导航,缓存路由组件,路由守卫,路由的两种工作模式)
路由(route):一个路由就是一组映射关系,多个路由由路由器(router)进行管理。router.beforeEach(to,from,next){} 完成进入组件之前。使用children:[]配置子级路由,使用name:’‘属性来定义路由的名字。hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。router.afterEach(to,form){}完成进入组件后。beforeEnter(to,form,next){}进入组件之前。作用:让不展示的路由组件保持挂载,不被销毁。原创 2022-11-02 10:15:00 · 706 阅读 · 0 评论 -
vuex的基本使用(多组件数据共享,namespace命名空间+模块化)
actions里面放需要操作的行为(也就是函数)然后递送给mutations.,他有两个携带参数,一个是context,一个是传送参数值。让methods中书写,不需要重复重复的书写函数,然后函数中再写$store.commit.('函数名',value)在src下创建要给store文件夹,文件夹中有index(创建store) 的重要.js以及其它要写的.js文件。为了让在组件模板中写state中的数据时可以直接学数据名,而不是$store. state.数据名。作用:进行对state中变量的加工处理。原创 2022-11-01 14:22:20 · 1363 阅读 · 0 评论 -
vuex的概念及环境配置
(1)在store文件夹下 的index.js文件中先引入vuex 然后实例话vuex用store承接,创建 actions mutations state。vuex 都放在store中,所以一般会在src文件中新建一个vuex文件夹,在文件夹下,会又store.js文件以及vuex的其它.js文件。官网中是在src文件夹下,建立一个store文件夹,在文件夹下再有index.js以及其它的veux的其它js文件。npm i vuex (如果你需要挑选版本,就npm i vuex@版本看)原创 2022-10-31 17:53:34 · 492 阅读 · 0 评论