摘要:也就是說在中,我們的代碼是要在環(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中提供
{{msg}} one two three
運行效果
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/90451.html
摘要:如果你對微應(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ā)著微信小程序,不妨來看看為了讓你減少...
摘要:要想用好必須對基礎(chǔ),體系,打包工具有較深的了解對,有了解。官方提供的腳手架不能指定入口文件,如果我們想要在項目中使用,沒有入口文件將會變得比較復雜。那么,我們應(yīng)該如何使得當前項目具有入口文件呢答案是只能修改文件。 寫在前面的話: 注意!該文檔是2017年年底的文章,那個時候weex還有很多問題,現(xiàn)在weex已經(jīng)全面更新,文檔也比較全。下面的講解可能不太適應(yīng)新的weex框架,后面我會再立...
目錄 Weex系列(序) —— 總要知道原生的一點東東(iOS) Weex系列(序) —— 總要知道原生的一點東東(Android) Weex系列(1) —— Hello World項目 Weex系列(2) —— 頁面跳轉(zhuǎn)和通信 Weex系列(3) —— 單頁面還是多頁面 [Weex系列(4) —— 老生常談的三端統(tǒng)一] [Weex系列(5) —— 封裝原生組件和模塊] [Weex系列(6) —...
閱讀 5257·2021-09-22 15:50
閱讀 1862·2021-09-02 15:15
閱讀 1164·2019-08-29 12:49
閱讀 2543·2019-08-26 13:31
閱讀 3458·2019-08-26 12:09
閱讀 1210·2019-08-23 18:17
閱讀 2736·2019-08-23 17:56
閱讀 2929·2019-08-23 16:02