欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

vuerouterdemo詳解-創(chuàng)新互聯

本文實例為大家分享了vue router demo代碼，供大家參考，具體內容如下

創(chuàng)新互聯是一家以網站設計建設，小程序定制開發(fā)、網站開發(fā)設計，網絡軟件產品開發(fā)，企業(yè)互聯網推廣服務為主的民營科技公司。主要業(yè)務涵蓋:為客戶提供網站策劃、網站設計、網站開發(fā)、主機域名、網站優(yōu)化排名、賣鏈接等服務領域。憑借建站老客戶口碑做市場，建設網站時，根據市場搜索規(guī)律和搜索引擎的排名收錄規(guī)律編程，全力為建站客戶設計制作排名好的網站，深受老客戶認可和贊譽。 

<!doctype html><html lang="en">
<head>
  <meta charset="UTF-8" />
  <title> vue route demo</title>
</head>
<body>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

<div id="app">
 <h2>Hello App!</h2>
 <p>
  <!-- 使用 router-link 組件來導航. -->
  <!-- 通過傳入 `to` 屬性指定鏈接. -->
  <!-- <router-link> 默認會被渲染成一個 `<a>` 標簽 -->
  <router-link to="/foo">Go to Foo</router-link>
  <router-link to="/bar">Go to Bar</router-link>
 </p>
 <!-- 路由出口 -->
 <!-- 路由匹配到的組件將渲染在這里 -->
 <router-view></router-view>
</div>

<script>
// 0. 如果使用模塊化機制編程，導入Vue和VueRouter，要調用 Vue.use(VueRouter)

// 1. 定義（路由）組件。
// 可以從其他文件 import 進來
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

// 2. 定義路由
// 每個路由應該映射一個組件。 其中"component" 可以是
// 通過 Vue.extend() 創(chuàng)建的組件構造器，
// 或者，只是一個組件配置對象。
// 我們晚點再討論嵌套路由。
const routes = [
 { path: '/foo', component: Foo },
 { path: '/bar', component: Bar }
]

// 3. 創(chuàng)建 router 實例，然后傳 `routes` 配置
// 你還可以傳別的配置參數, 不過先這么簡單著吧。
const router = new VueRouter({
 routes // （縮寫）相當于 routes: routes
})

// 4. 創(chuàng)建和掛載根實例。
// 記得要通過 router 配置參數注入路由，
// 從而讓整個應用都有路由功能
const app = new Vue({
 router
}).$mount('#app')

// 現在，應用已經啟動了！
</script>
</body>
</html>

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網頁題目：vuerouterdemo詳解-創(chuàng)新互聯
URL標題：http://chinadenli.net/article32/epjsc.html

成都網站建設公司_創(chuàng)新互聯，為您提供小程序開發(fā)、標簽優(yōu)化、微信小程序、企業(yè)網站制作、品牌網站制作、定制開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

網站優(yōu)化排名