sunny-cheng  

2019年7月1日

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