vue学习-创新互联

Vue CLI 3.0介绍：

https://cli.vuejs.org/zh/guide/ 

Vue CLI 3.0配置参考

https://cli.vuejs.org/zh/config/ 

https://youzan.github.io/vant/#/zh-CN 

hub.com/shimiso/VueFrameWork

https://shimiso.github.io/VueFrameWork/dist/#/

https://github.com/shimiso/VueDemo

这是我们组内搞的vue的学习视频，40节课demo，一周上手，2周出活

https://edu.csdn.net/course/detail/5342

vue路由配置

1. index.js 中引入文件  import Reg from '@/components/Reg'

2. 配置路由

export default new Router({

routes: [

   {

   path: '/',

   component: HelloWorld,

   },

   {

   path: '/login',

   component: Login,

   },

   {

   path: '/reg',

   component: Reg,

   },

]

})

3.创建文件

Vue 公用文件配置

1. 创建公用文件 Footer.vue

2. 引入文件

import ComHeader from './components/common/Header'

import ComFooter from './components/common/Footer'

3.注册标签

export default {

name: 'App',

components:{

ComHeader,

ComFooter,

}

}

4.引入标签 

守卫

全局守卫(main.js)

router.beforeEach((to, from, next) => {

//会在任意路由跳转前执行，next一定要记着执行，不然路由不能跳转了

alert(111);

next();

})

独享路由守卫

export default new Router({

routes:

[

{

path: '/',

component: HelloWorld,

},

{

path: '/login',

component: Login,

beforeEnter: (to, from, next) => {

// ..

console.log('经过路由守卫');

}

},

{

path: '/reg',

component: Reg,

},

{

path: '/user',

component: User,

},

]

})

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。