• 计划经济不是产生于利益交换之上的计划经济。说白了,计划经济就是为人民服务的计划经济。要养活14亿,甚至24亿中国人的经济。 2019-08-16
  • 《陕西省县域经济社会发展监测考评办法》解读 2019-08-15
  • 人民日报召开习近平新闻思想理论研讨会 2019-08-15
  • 境外媒体:中国商务部严批美方“反复无常,挑起贸易战” 2019-08-08
  • 摇滚 徒步 露营:端午节共赴一场朝山盛会 有你吗? 2019-08-06
  • 让办证群众跑十几趟 宁都这黄所长“黄”了 2019-08-06
  • 乌鲁木齐举办端午戏曲交响音乐会 两团一院名角新秀齐亮相 2019-07-31
  • 平陆县纪委监委 对新遴选人员进行岗前“充电” 2019-07-31
  • 临汾市通报8起群众身边腐败问题典型案例 2019-07-29
  • 做强茶企 告别“大而不强” 2019-07-28
  • BBC记者挑战中国天网行人识别系统 潜逃7分钟后被抓获 2019-07-28
  • 首届化工行业舆论风险管理高峰论坛 2019-07-28
  • 回复@老老保老张工:那只能证明你的智商不达标!对于计划经济的构想,咱敢说强坛没有一个人比咱考虑得更周全!伪高工排在一个筋斗云之外! 2019-07-17
  • 燕赵晚报:“选座社交”别把个人信息当卖点 2019-07-17
  • 【访民情 惠民生 聚民心】多措并举拓宽村民脱贫路 2019-07-16
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    使用vue进行网站制作如何记性router路由的配置?

    使用vue进行网站制作如何记性router路由的配置?

    时间: 2018-12-28 分类: 网站代码 浏览次数:

    四川快乐12前三走势图 www.mas07.com 在使用vue.js进行网站制作中,网站的路由配置一般通过vue.js安装router-view??樽榧词迪?,那么具体如何将router-view引入到项目中去?又是如何使用的呢? 网站制作中路由的概念及用法...

    在使用vue.js进行网站制作中,网站的路由配置一般通过vue.js安装router-view??樽榧词迪?,那么具体如何将router-view引入到项目中去?又是如何使用的呢?
     
    使用vue进行网站制作如何记性router路由的配置?
     
    网站制作中路由的概念及用法区别
    网站的路由,也就是网站跳转链接,在传统的网站制作方案中,是通过a标签进行网址跳转的,而在vue项目开发中,则使用了路由,与a链接不同的是,路由跳转不进行页面的刷新操作,主要应用于网站制作中侧边栏,导航栏的制作。

    路由??榈陌沧昂褪褂貌街瑁?/strong>
    1.使用命令行工具进行路由??榈陌沧?,安装命令如下:
    npm install vue-router --save

    2.在项目中配置网站的路由,先在main.js中引入路由???,代码如下:
    inport vueRouter from “vue-router”

    3.通过vue.use在main.js中使用路由,命令如下:
    Vue.use(
    vueRouter)

    4.详细配置网站制作中使用到的路由,实例如下:
    import Home from "./components/Home"

    import Menu from "./components/Menu"
    const routes=[       //声明routes作为一个路由数组
             {path:"/",component:Home},

               {path:"/about",component:About},
             {path:"/contact",component:Contact},
    ]

    5.将声明的routes放到router中去;实例如下:
    const router=new vueRouter{
        routes,
        mode:'history'//这里是为了去除网站网址的“#”号
    }

    6.最后将router放在项目实例中使用,代码如下:
    new Vue{
         el:"#app",
         router,
    }

    7.在app.vue页面使用router-view标签调用对应的跳转页面,代码如下:
    <router-view></router-view>


    8.配置网站导航的的跳转链接,代码如下:
    <router-link to="home"></router-link>

    <router-link to="about"></router-link>

    通过以上八步,即可简单的完成一个网站制作中,使用router进行网站路由的配置。巩义全栈网络专业从事网站制作服务,包括巩义网站制作,郑州网站制作,欢迎大家随时咨询。
     
    本文关键词: router 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 计划经济不是产生于利益交换之上的计划经济。说白了,计划经济就是为人民服务的计划经济。要养活14亿,甚至24亿中国人的经济。 2019-08-16
  • 《陕西省县域经济社会发展监测考评办法》解读 2019-08-15
  • 人民日报召开习近平新闻思想理论研讨会 2019-08-15
  • 境外媒体:中国商务部严批美方“反复无常,挑起贸易战” 2019-08-08
  • 摇滚 徒步 露营:端午节共赴一场朝山盛会 有你吗? 2019-08-06
  • 让办证群众跑十几趟 宁都这黄所长“黄”了 2019-08-06
  • 乌鲁木齐举办端午戏曲交响音乐会 两团一院名角新秀齐亮相 2019-07-31
  • 平陆县纪委监委 对新遴选人员进行岗前“充电” 2019-07-31
  • 临汾市通报8起群众身边腐败问题典型案例 2019-07-29
  • 做强茶企 告别“大而不强” 2019-07-28
  • BBC记者挑战中国天网行人识别系统 潜逃7分钟后被抓获 2019-07-28
  • 首届化工行业舆论风险管理高峰论坛 2019-07-28
  • 回复@老老保老张工:那只能证明你的智商不达标!对于计划经济的构想,咱敢说强坛没有一个人比咱考虑得更周全!伪高工排在一个筋斗云之外! 2019-07-17
  • 燕赵晚报:“选座社交”别把个人信息当卖点 2019-07-17
  • 【访民情 惠民生 聚民心】多措并举拓宽村民脱贫路 2019-07-16
  • 赌博app平台系统出租 极速时时彩单双技巧 双色球带坐标连线走势图带 当旺娱乐城怎麽赌钱 创富平特论坛六合统计器 3d333期历史今天 棒球大联盟 体育彩票超级大乐透走势图 山东十一选五直播开奖 上海时时乐开奖走势 精准一尾中特 腾讯分分彩定位胆大小 福建31选7走势图查询 吉林快三最多的输多少 混合过关什么意思