博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue-router重修01
阅读量:6177 次
发布时间:2019-06-21

本文共 956 字,大约阅读时间需要 3 分钟。

---恢复内容开始---

1、在vue中获取dom

vue中不建议您亲自进行dom操作

vue实例内置ref属性存储或获取相应的dom元素

...console.log(this.$refs.dv)//通过this.$refs来获取

ref可以获取组件(将获取组件对象)或dom元素。重名将覆盖。不建议经常使用

2、给DOM元素添加事件的特殊情况(介绍nextTick)

    
Document

 

3、前端路由的原理

 

1)url中#后的即为哈希值

router-link默认渲染为a

其to属性渲染为href

    
Document

$route:路由信息对象

$router:路由实例对象

 

2)命名路由及其使用方法

    
Document

路由范式

即动态路由

param使用示例如下:

    
Document

query示例如下

    
Document

4)vue-router抛出的两个对象router/route  路由实例对象/路由信息对象

 

5)嵌套路由

    
Document

 各子组件dom结构不一样时才使用嵌套路由

5)监视路由变化

    
Document

6)结合watch监视并响应路由的变化

可以使用watch或vue2.2新特性中的beforeRouterUpdata来监听变化并做出响应

动态路由匹配和嵌套路由的应用场景:

公共组件里面/组件结构不一致

 

转载于:https://www.cnblogs.com/Tanqurey/p/10766758.html

你可能感兴趣的文章
阿里云OTS(开放结构化数据服务)可视化管理工具的设计和功能介绍
查看>>
Github创建分支
查看>>
转换PHP脚本成为windows的执行程序
查看>>
Python组织文件 实践:将带有美国风格日期的文件改名为欧洲风格日期
查看>>
实现iOS7上tableView的切割线像iOS6中的效果
查看>>
使用阿里云接口进行银行卡四要素实名认证
查看>>
聊聊excel生成图片的几种方式
查看>>
20 万网络节点背后的数据创新应用
查看>>
理论 | 朴素贝叶斯模型算法研究与实例分析
查看>>
docker安装gitlab只需要3分钟
查看>>
Android菜鸟学习js笔记 一
查看>>
Java基础之SPI机制
查看>>
使用js控制滚动条的位置
查看>>
【Tornado源码阅读笔记】tornado.web.Application
查看>>
lsyncd搭建测试
查看>>
移动web开发之像素和DPR
查看>>
nginx+tomcat+redis实现session共享
查看>>
UWP VirtualizedVariableSizedGridView 支持可虚拟化可变大小Item的View(二)
查看>>
rsync 介绍
查看>>
做一个合格的Team Leader -- 基本概念
查看>>