Vue在需要获取分发内容的宽度（内容不换行的情况下）子组件有默认的内容（即在父组件没有分发内容时也会有内容）例：这里是子组件默认内容父组件分发到子组件的内容直接在子组件mounted函数中获取时获取不到detial正确的值：document.getElementById("detial").offsetWidth此时的offsetWidth为父组件分发

由于vue项目通常是单页应用，因此在入口文件index.html只有一个title，单页所展示的若干页面只是随着路由的切换而在同一个index.html上不同的渲染而已，因此此时的title属性是不会随着页面的切换而变更的那么想实现路由切换title变换可以通过vue-router的导航守卫来实现，最简单的的目录结构可如下所示├── index.html├── main.js├── api│...

vue路由对象为this.$route，下面详细列一下该对象属性的详细信息属性名类型读写说明$route.pathstaring只读当前路由的名字(一般为#后面的部分,但不包含query查询值)如：http://example.com/#/login?name=aathis.$route.path;//输出“/login”$route.queryobject只读可访问携带的查询参数如：th...

背景：在一个页面多次重复的使用同一个子组件（比如在列表里根据数据不同重复渲染该子组件）时，由于数据的改变子组件状态未能得到及时的更新例子如下：数据以表格的形式显示出来，循环的渲染若干行表格，七中有一列是引入子组件如下所示子组件如下：export default{props: ['name'],data() {

了解vue-router原理中更新URL但不重载页面原理之一location.hash1.存在形式及意义一般情况下为URL后 "#" 及其后面一部分组成，如http://www.test.com/#/something，其中http://www.test.com为真实的路径，而#/something则为网页中的位置，称之为锚点在访问锚点时会自动跳刀锚点所在的网页位置，通常有两种

在vue中不同组件通信方式如下1.父子组件，通过prop2.非父子组件，通过vuex或根vue转载器 通常是以上两种情况，然而还有一种比较特殊的情况，即孙子组件或更深层次的组件通信1.下面是a.vue<template><div class="test"><son prop="data"&

今天在域名升级到HTTPS的时候遇到websocket的链接问题，之前在http下使用的是new WebSocket('ws://xxx');但是在切换到HTTPS后这个链接部分浏览器报错甚至代码整体抛出异常走不下去了，之前没有注意过websocket在两个不同协议下有什么不同，实际上按照标准来是有如下对应关系的http ->new WebSocket('ws://xxx')ht...

最近研究vue-router单页转跳而不向服务器请求的原理，主要是HTML5 history以及hash的应用，支持history时使用history模式下面详细学习了一下常用的history相关的API常用API：1.history.length：返回当前页面所产生的历史记录个数，即在同一个浏览器tab下产生的历史记录；2.history.pushState(state,...