本文主要是介绍wode网站创作01，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
先把主要功能做出来吧：多路由组件，组件跳转，导航守卫
路由组件：首页、登录注册、wode导航、周雨彤。。。
导航守卫：未登录=》首页，注册；已登录：首页等都可以看，登录注册页不可以看
路由守卫详细代码：
因为路由守卫要和登录有关，登录又和个人账户，令牌token有关，要先搞token。
共用组件：
<template>
<div>
<h4>我是{{msg}}</h4>
<br>
<button>登录</button>
<button>注册</button>
<button>wode导航</button>
<button>周雨彤</button>
</div>
</template>
<script>
export default {
name:'coMmen',
props:{
msg:String,
}
}
</script>
<style>
</style>
父组件
//绑定
<coMmen :msg="msg"/>
<script>
//引入
import coMmen from '@/components/commen/commen.vue'
export default {
name: 'firstPage',
//就组件间通信数据
data(){
return{
msg:'首页',
}
},
//组件
components:{
coMmen,
},
}
路由跳转：
声明式
都是链接的样式
<router-link :to="{path:'/register'}">登录</router-link>
编程式
this.$router.push('/xxx')
结果：我想放弃了，还是先搞样式吧，最起码看着唬人。
这篇关于wode网站创作01的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
