国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

weex踩坑之旅第二彈 ~ 在weex中集成vue-router

tyheist / 1041人閱讀

摘要:也就是說在中,我們的代碼是要在環(huán)境中運行。而在中,是沒有等以及的,即所有的框架都是不可以使用的。比如相關(guān)組件,相關(guān)組件,等都不能在中引用。是可以在中使用的。

接著第一彈講,我們已經(jīng)搭建好一個屬于自己的weex項目了,然后如何開發(fā)呢?由于之前項目中都是采用vue全家桶進行開發(fā),路由使用vue-router插件,狀態(tài)管理使用vuex,Ajax前后臺交互使用axios,圖標庫使用font-awesome,組件庫使用element-ui...但是這些插件能不能都在weex中集成呢?如果你也是一個web開發(fā)者,應(yīng)該重點考慮這個問題,在瀏覽器中,我們需要把這個 JS bundle 作為一段 

代碼結(jié)構(gòu)如下

3. 集成

在src目錄創(chuàng)建router目錄,用于存放路由相關(guān)信息,然后在router中新建index.js。進行路由的配置以及與Router的集成,以下是src/router/index.js的代碼

import Router from "vue-router"
//組件導入
import ViewOne from "../pages/one/index.vue"
import ViewTwo from "../pages/two/index.vue"
import ViewThree from "../pages/three/index.vue"
//將Vue-router繼承到Vue中
Vue.use(Router);
//提供默認對外接口
export default new Router({
  // mode: "abstract",
  routes: [
    { path: "/one", component: ViewOne },
    { path: "/two", component: ViewTwo },
    { path: "/three", component: ViewThree }
  ]
});

然后在entry.js中導入router的配置

import App from "./App.vue"
//引入路由配置
import router from "./router"
new Vue(Vue.util.extend({
    el:"#root",    
    //將vue集成到vue中
    router,
},App))
4. 路由編程

在App.vue中提供指令,用于顯示路由信息



運行效果

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

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/90451.html

相關(guān)文章

  • 最全的weex踩坑攻略-出自大量實踐與沉淀

    摘要:如果你對微應(yīng)用感興趣,也在開發(fā)著微信小程序,不妨來看看為了讓你減少顧慮而準備的技術(shù)對比表格,是的,開發(fā)釘釘?shù)奈?yīng)用是如此的簡單。訪問這個鏈接閱讀釘釘微應(yīng)用與微信小程序技術(shù)對比表格。與內(nèi)存管理由于運行在中,此與有較大差異。 在自己的業(yè)務(wù)環(huán)境中使用,并開放給第三方isv,企業(yè)開發(fā)者使用,這是一篇有內(nèi)涵有故事的文章。 如果你對weex微應(yīng)用感興趣,也在開發(fā)著微信小程序,不妨來看看為了讓你減少...

    qc1iu 評論0 收藏0
  • weex踩坑之旅第一彈 ~ 搭建具有入口文件的weex腳手架

    摘要:要想用好必須對基礎(chǔ),體系,打包工具有較深的了解對,有了解。官方提供的腳手架不能指定入口文件,如果我們想要在項目中使用,沒有入口文件將會變得比較復雜。那么,我們應(yīng)該如何使得當前項目具有入口文件呢答案是只能修改文件。 寫在前面的話: 注意!該文檔是2017年年底的文章,那個時候weex還有很多問題,現(xiàn)在weex已經(jīng)全面更新,文檔也比較全。下面的講解可能不太適應(yīng)新的weex框架,后面我會再立...

    jk_v1 評論0 收藏0
  • Weex系列(3) —— 單頁面還是多頁面

    目錄 Weex系列(序) —— 總要知道原生的一點東東(iOS) Weex系列(序) —— 總要知道原生的一點東東(Android) Weex系列(1) —— Hello World項目 Weex系列(2) —— 頁面跳轉(zhuǎn)和通信 Weex系列(3) —— 單頁面還是多頁面 [Weex系列(4) —— 老生常談的三端統(tǒng)一] [Weex系列(5) —— 封裝原生組件和模塊] [Weex系列(6) —...

    monw3c 評論0 收藏0

發(fā)表評論

0條評論

tyheist

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<