摘要:
正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象 来应对这些变化,或使用 beforeRouteUpd
阅读全文
posted @ 2019-07-01 15:19
sunny-cheng
阅读(1434)
推荐(0)
摘要:
keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能, 由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素 当组件在keep-alive内被切换时组件的activated、deactivated这两个生命 周期钩子函数会被执行 例子: h3标签绑定事件,
阅读全文
posted @ 2019-07-01 14:54
sunny-cheng
阅读(188)
推荐(0)
摘要:
动态路由就是不同的点击,显示不同路径 栗子 创建两个路由:name相同 绑定相同子组件ComDesc
阅读全文
posted @ 2019-07-01 14:43
sunny-cheng
阅读(654)
推荐(0)
摘要:
1.实例化vue,组件APP 2.组件APP路由下,两个字路由children:[] 定义 3.对应页面
阅读全文
posted @ 2019-07-01 12:15
sunny-cheng
阅读(258)
推荐(0)
摘要:
实例化Vue和router 路由对象和匹配方式 编程式导航: 实现方式:点击button,激活事件,path改变,路由匹配到引入模板
阅读全文
posted @ 2019-07-01 12:07
sunny-cheng
阅读(217)
推荐(0)
摘要:
渲染路由a标签,并且params匹配 匹配userId 控制台查看, query返回的是查找的值 控制台查看, params返回的是路由参数
阅读全文
posted @ 2019-07-01 12:00
sunny-cheng
阅读(203)
推荐(0)
摘要:
1.vue使用该VueRouter创建 2.实例化vue对象 3.给路由命名和使用方式 4.页面 返回结果: 和原理返回结果是一样的,只是路由方式不同
阅读全文
posted @ 2019-07-01 11:46
sunny-cheng
阅读(511)
推荐(0)
摘要:
作用: 用 Vue.js + Vue Router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序, 当你要把 Vue Router 添加进来,我们需要做的是,将组件 (components) 映射到路由 (routes), 然后告诉 Vue Router
阅读全文
posted @ 2019-07-01 11:32
sunny-cheng
阅读(147)
推荐(0)
摘要:
基本用法: 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。 栗子: msg初始值为‘alex’ 将input标签绑定v
阅读全文
posted @ 2019-07-01 10:59
sunny-cheng
阅读(178)
推荐(0)