vue仿QQ聊天室 vue聊天实例，直播聊天室_仿qq资料页 vue(1)

// >>>引入图片预览插件
import photoPreview from ‘vue-photo-preview’
import ‘vue-photo-preview/dist/skin.css’
Vue.use(photoPreview, {
loop: false,
fullscreenEl: false, //是否全屏
arrowEl: false, //左右按钮
})

// >>>引入地址路由
import router from ‘./router’
import store from ‘./vuex’
复制代码
vue-router页面地址路由及登录拦截：
/*
* 页面地址路由js
*/
import Vue from ‘vue’
import _router from ‘vue-router’
import store from ‘…/vuex’

Vue.use(_router) //应用路由

const router = new _router({
routes: [
// 登录、注册
{
path: ‘/login’,
component: resolve => require([‘…/views/auth/login’], resolve),
},
{
path: ‘/register’,
component: resolve => require([‘…/views/auth/register’], resolve),
},

    // 首页、通讯录、我
    {
        path: '/',
        component: resolve =&g