Vue路由 router(未完待續)

2021-08-17 17:27:51 字數 897 閱讀 7903

一、vue路由簡介:

用來開發spa(單頁面應用),根據不同的url位址顯示不同的內容,但顯示在同乙個頁面中。

二、基本用法

引用:需要額外的引用vue-router.js外掛程式

html部分

a).使用內建元件`router-link`元件來定義導航,元件的屬性`to`指定連線到的url;

b).使用內建元件`router-view`元件來顯示路由內容;例如:

主頁新聞

js部分

a).定義路由對應的內容元件

b).配置路由

c).建立路由的例項

d).建立vue例項,並將建立的路由例項掛載到vue例項上(注入路由),例如:

第一步:定義路由對應的內容元件

var home = 

var news =

第二步:配置路由

var routes = [//是陣列,其中的每一項都代表乙個路由

,//component表示對應的內容元件指向哪個元件

,,//路由的重定向,當找不到匹配的路由時預設定向到home元件

]

第三步:建立路由的例項

var router = new vuerouter()
第四步:建立vue例項,並將建立的路由例項掛載到vue例項上(注入路由)

el:"#container",

router:router,//注入路由

data:}})

nginx 未完待續

yum install y pcre yum install y pcre devel yum install y openssl yum install y openssl devel yum install y zlib yum install y gccyum安裝 yum install y ...

sqlparse(未完待續)

sqlparse.split sql,encoding none sql 包含乙個或多個sql語句的字串 encoding 語句的編碼 可選 sql select from foo select from bar sql list sqlparse.split sql print sql list ...

CALayer使用(未完待續)

一 什麼是calayer?在ios系統中,你能看得到摸得著的東西基本都是uiview。比如乙個按鈕 乙個文字標籤 乙個文字輸入框 乙個圖示等等,這些都是uiview。其實uiview之所以顯示在螢幕上,完全是因為它內部的乙個層。在建立uiview物件時,uiview內部會自動建立乙個層 即calay...