vue问题总结（2）

组件引用自己，使用报错未注册

或者

router-view问题

Vue中 watch监听$route失效

使用官网的例子发现无效，最后发现问题：

'$route' (to, from) {
   console.log(to.path); //当前路由
   console.log(from.path); //跳转路由
}

这是因为在某个路由下所要监听的路由只能是他的子路由，比如在 /xxx 下只能监听 /xxx 这个路由的子路由的变化。

组件的属性$el

所有的组件都有个属性$el，用于获取组件中的元素；

this.$refs.xxx.$el.offsetTop;

vue图片路径和背景图片路径问题

// 1、变量使用require 
pic: require('@/assets/xxx.jpg');

<div class="wrapper" :style="{backgroundImage:'url(' + pic + ')'}">
<div style="width:60px;height:60px;background-size: cover;background-position: center;border-radius: 50%;" :style="{backgroundImage:'url(' + item.fromhead + ')'}"></div>


// 2、在HTML中使用require
<div class="about" :style="{backgroundImage:'url(' + require('@/assets/xxx.jpg') + ')'}">
<img :src="require('@/assets/xxx.jpg')">

// 3、img的src中使用路径
<img src="@/assets/xxx.jpg">
// 或者css中
background: url("../assets/images/content.jpg") no-repeat;

// 注意
css里面不能用require