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.创建文件

<template>

<div>

<ComHeader></ComHeader>

注册内容

<ComFooter></ComFooter>

</div>

</template>

<script>

</script>

<style scoped>

</style>

Vue 公用文件配置

1. 创建公用文件 Footer.vue

<template>

<div>

<p>我是尾部组件</p>

</div>

</template>

<script>

export default {

}

</script>

<style  scoped></style>

2. 引入文件

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

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

3.注册标签

export default {

name: 'App',

components:{

ComHeader,

ComFooter,

}

}

4.引入标签 

<ComFooter></ComFooter>

守卫

全局守卫(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学习-创新互联
标题链接：https://www.cdcxhl.com/article34/dohgse.html

成都网站建设公司_创新互联，为您提供域名注册、定制网站、云服务器、外贸建站、小程序开发、搜索引擎优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联