![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
扑倒亲了就跑
这个作者很懒,什么都没留下…
展开
-
Vue 动态路由
动态路由使用场景:由数据动态生成的列表,如新闻列表、问题列表、论坛标题列表等,它们拥有的数量很多,可能由成百上千条,如果一个一个添加路由信息是不可能实现的,这时候就用到了动态路由:设置一个路由信息,可传递不同的ID值,根据每个不同的ID值获取相应的数据生成不同的显示页面。 使用方法: 通过一个 1.创建一个组件,如:Question.vue 2.配置router,在router文件中添加路由信息,...原创 2019-11-19 17:24:50 · 242 阅读 · 0 评论 -
Vue.js中的路由
路由分为前端路由和后端路由,使用前端路由的优点在于其切换会更加平滑,所以想要更好的切换效果的话就需要使用到前端路由原创 2019-11-19 11:49:34 · 220 阅读 · 0 评论 -
Vuex 状态管理
Vuex是一个专为Vue.js应用程序开发的状态管理模式,可支持众多组件使用其中的数据。store是Vuex的核心内容,其包含着应用中大部分的状态,如state、getters、mutations和actions等。 1.Vuex.state Vuex.state是存放数据的地方,获取其中值有两种方式: 直接在页面中使用this.$store.state.name即可获取 通过引入方式进行...原创 2019-11-18 21:59:36 · 158 阅读 · 0 评论 -
Vue组件间的数据传递
Vue组件间的数据传递 1.props 父传子 传递方式:父组件引入及使用子组件时,在组件标签上使用数据绑定方式传递数据 如: <people :name='name' :age='age' :desc='desc'></people> 接收方式:子组件在 ...原创 2019-11-18 11:15:44 · 235 阅读 · 0 评论 -
Vue导航守卫
导航守卫 全局守卫 beforeEach( (to,from,next) => next() ) //页面解析前触发,可用于登录授权,配合meta路由元信息使用 beforeResolve( (to,from,next) => {} ) //页面解析完成后触发 afterEach( () => {} ) //页面全部完成后触发,没有参数 路由守卫 beforeEn...原创 2019-11-16 23:15:07 · 107 阅读 · 0 评论