会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
天涯过客^
Powered by
博客园
博客园
|
首页
|
新随笔
|
联系
|
订阅
|
管理
上一页
1
2
3
4
5
6
7
下一页
2019年9月15日
VUE—路由(十一)vue-cli 配置
摘要: vue-cli
阅读全文
posted @ 2019-09-15 15:02 天涯过客^
阅读(183)
评论(0)
推荐(0)
编辑
VUE—路由(十)vuex module
摘要: vuex module
阅读全文
posted @ 2019-09-15 15:01 天涯过客^
阅读(200)
评论(0)
推荐(0)
编辑
VUE—路由(九)vuex mutation&action
摘要: 在开发模式中开启严格模式,会发现代码不符合规范 Vuex store的状态应在mutation中更改 在AddStudent.vue中提交函数 显示如下: 但是在表格中添加自己的数据时,不能还显示渡一100,所以要传递参数 store.js中接收参数 显示如下: 如果要更改多个数据: 它也可以使用m
阅读全文
posted @ 2019-09-15 13:00 天涯过客^
阅读(405)
评论(0)
推荐(0)
编辑
VUE—路由(八)vuex getters
摘要: vuex中的getters相当于vue中的computed studentList在store.js中,属于vuex,所以想实现改变数据方法要用getters 在AddStudent.vue中渲染 同样也可以用mapGetters获得值 除了数组形式还可以是对象,同mapState getters中
阅读全文
posted @ 2019-09-15 11:22 天涯过客^
阅读(591)
评论(0)
推荐(0)
编辑
VUE—路由(七)vuex state
摘要: 一、安装vuex 安装完后发现多了store.js文件 store.js相当于仓库,会把所有的数据写在state中 二、安装好后重新运行 三、在学员展示页面添加功能 1)在Student.vue中引入两个组件 2)在component中添加这两个组件 3)把两个组件里面的内容写好 4)在studen
阅读全文
posted @ 2019-09-15 00:03 天涯过客^
阅读(2699)
评论(0)
推荐(0)
编辑
2019年9月14日
VUE—路由(六)路由元信息
摘要: 做权限校验 学员展示和社区页面,没登录不让看信息 可以对这两个路由进行导航守卫,为避免代码耦合,采用全局守卫 所以要用到路由元信息(意思是给路由添加一个信息) 再给commnity中也加上 路径的信息可以在Route.beforeEach中to 找到 没有设置meta的,meta中数据为空,设置的有
阅读全文
posted @ 2019-09-14 19:15 天涯过客^
阅读(739)
评论(0)
推荐(1)
编辑
VUE—路由(五)导航守卫
摘要: 一、路由独享守卫 假如要守护home路径,就在router.js中home路径中设置 二、全局守卫(守卫所有路径) 加在路由整体上—>router中,router在mian.js中使用,所以先设置main.js 2、全局守卫:beforeResolve (当路由内的东西都被解析完毕时执行(一层一层都
阅读全文
posted @ 2019-09-14 18:00 天涯过客^
阅读(176)
评论(0)
推荐(0)
编辑
2019年9月11日
VUE—路由(四)导航守卫&动态路由
摘要: 1、在个人中心中做个表单,当表单中有内容时,跳转到其他页面做个提醒 除了beforeRouteLeave在组件中还有其他路由函数,统称导航守卫 2、当从个人中心跳到学术讨论的时候,学术讨论页面也知道跳转进来了,这个函数叫beforeRouteEnter 3、点击学术讨论页面中的三个问题,跳转到que
阅读全文
posted @ 2019-09-11 23:21 天涯过客^
阅读(924)
评论(0)
推荐(0)
编辑
2019年9月8日
VUE—路由(三)嵌套路由
摘要: 页面级的组件放在views文件夹中,其他的组件放在components文件夹中 1、在community中配置子路由 2、建组件,写模板 在views中建Academic.vue、Download.vue、Personal.vue Academic.vue: Download.vue: Person
阅读全文
posted @ 2019-09-08 23:41 天涯过客^
阅读(1061)
评论(0)
推荐(0)
编辑
VUE—路由(二)路由配置
摘要: router-view是组件展示的区域 router-link 可以跳转 to属性->去到哪个路径 router-link-exact-active 点谁的时候谁拥有的class router-link-active 包含这个路径就会有这个class 如:路径:/learn/aaa 其中包含了三个路
阅读全文
posted @ 2019-09-08 22:12 天涯过客^
阅读(424)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
5
6
7
下一页