资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

vue学习-创新互联

Vue CLI 3.0介绍:

旅顺口ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

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许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享题目:vue学习-创新互联
标题链接:http://cdkjz.cn/article/dohgse.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220