Vue-router2.0版本的使用步驟

gecko23 發(fā)布于2019-08-20 15:49 / 2875人閱讀

摘要：定義組件版本使用作為路由標(biāo)簽，被渲染成商品評(píng)論商家定義路由創(chuàng)建路由實(shí)例縮寫相當(dāng)于創(chuàng)建根實(shí)例，渲染，掛載

1.定義組件(2.0版本使用router-link作為路由標(biāo)簽，被渲染成)

 import VueRouter from "vue-router";
    Vue.use(VueRouter);
   ------------------------------------------------------

2.定義路由

const routes = [
  { path: "/goods", component: goods },
  { path: "/ratings", component: ratings },
  { path: "/seller", component: seller }
];

3.創(chuàng)建路由實(shí)例

  const router = new VueRouter({
      linkActiveClass: "active",
      routes // （縮寫）相當(dāng)于 routes: routes
    });

4.創(chuàng)建根實(shí)例，渲染，掛載

new Vue({
router,
 render: h => h(App)
}).$mount("#myapp");

GPU云服務(wù)器云服務(wù)器版本控制git的使用 vue-router webrtc使用哪個(gè)版本系統(tǒng)版本信息可以使用

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/82510.html

相關(guān)文章

Laravel 中使用 Vue 組件化開發(fā)（配置）

摘要：更多請(qǐng)關(guān)注現(xiàn)今前端組件化開發(fā)模式，給開發(fā)帶來(lái)了很多的便利，可讀性可維護(hù)性更高。然而自開始，成為框架默認(rèn)的標(biāo)配。本文基于版本引入進(jìn)行配置。我已在配置好，和均有，下來(lái)后按照安裝依賴后即可用步驟一配置在根目錄下修改可在下配置你所需的所有依賴。更多請(qǐng)關(guān)注Laravel.so、PIGJIAN BLOG 現(xiàn)今前端組件化開發(fā)、MVVM 模式，給開發(fā)帶來(lái)了很多的便利，可讀性、可維護(hù)性更高。然而自 L...

honhon 2019-06-27 14:18 評(píng)論0 收藏0
Laravel 中使用 Vue 組件化開發(fā)（配置）

摘要：更多請(qǐng)關(guān)注現(xiàn)今前端組件化開發(fā)模式，給開發(fā)帶來(lái)了很多的便利，可讀性可維護(hù)性更高。然而自開始，成為框架默認(rèn)的標(biāo)配。本文基于版本引入進(jìn)行配置。我已在配置好，和均有，下來(lái)后按照安裝依賴后即可用步驟一配置在根目錄下修改可在下配置你所需的所有依賴。更多請(qǐng)關(guān)注Laravel.so、PIGJIAN BLOG 現(xiàn)今前端組件化開發(fā)、MVVM 模式，給開發(fā)帶來(lái)了很多的便利，可讀性、可維護(hù)性更高。然而自 L...

BWrong 2019-08-20 10:22 評(píng)論0 收藏0
vue-cli+webpack開發(fā)流程總結(jié)

摘要：加載百度地圖后報(bào)錯(cuò)的，我們?cè)偌虞d一遍你的秘鑰你的秘鑰為當(dāng)前時(shí)間戳獲取方法一、環(huán)境搭建 1、安裝node.js在計(jì)算機(jī)中https://nodejs.org/en/download/ （此為node.js官方下載地址）安裝完成后打開cmd命令提示符 node -v //查詢node版本號(hào) npm -v //查詢npm版本號(hào) 2、如果npm使用網(wǎng)速跟不上...

shiweifu 2019-08-23 14:55 評(píng)論0 收藏0
Vue 2.0 升（cai）級(jí)（keng）之旅

摘要：前言這節(jié)凈是些嘮叨，只想看升級(jí)的可直接跳過(guò)。在不久之前，如約發(fā)布了版本。正如計(jì)劃之初，博客的版本也將升級(jí)到。升級(jí)之旅首先，升級(jí)依賴。那該怎么做哪再一次谷哥和查閱文檔，然而一無(wú)所獲。返回的是整個(gè)項(xiàng)目路由的實(shí)例，它是只讀的。 Troubleshooting of upgrading Vue from 1.0 to 2.0 系列文章: Vue 2.0 升（cai）級(jí)（keng）之旅 (本...

lidashuang 2019-08-21 14:16 評(píng)論0 收藏0
Vue 2.0 開發(fā)聊天程序（二）真正的開始

摘要：借我殺死庸碌的情懷，借我縱容的悲愴與哭喊謝知非上一節(jié)已經(jīng)把架子搭好了，接下來(lái)就要開始真正的使用進(jìn)行開發(fā)了。一啟動(dòng)原理打開我們的目錄，能看到這樣的結(jié)構(gòu)很簡(jiǎn)單有木有，存放資源。一個(gè)字符串模板作為實(shí)例的標(biāo)識(shí)使用。模板將會(huì)替換掛載的元素。借我殺死庸碌的情懷，借我縱容的悲愴與哭喊　　　　　　　　　　　　　　　　　　　- 謝知非上一節(jié)已經(jīng)把架子搭好了，接下來(lái)就要開始真正的使用vue2.0進(jìn)行開...

MartinDai 2019-08-21 11:26 評(píng)論0 收藏0