uni-app使用Vue.js
說明 :uni-app基于 Vue 2.0 實現,開發者需注意Vue 1.0 -> 2.0 的使用差異,詳見 從 Vue 1.x 遷移 。愛掏網 - it200.com uni-app不僅支持應用生命周期和頁面生命周期,還支持 vue 實例的如下生命周期函數: 注意 :不要在選項屬性或回調上使用箭頭函數,比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。愛掏網 - it200.com
因為箭頭函數是和父級上下文綁定在一起的,this 不會是如你做預期的 Vue 實例,且 this.a 或 this.myMethod 也會是未定義的。愛掏網 - it200.com
幾乎全支持 Vue官方文檔:模板語法 ,下面講下不支持的情況。愛掏網 - it200.com (1)不支持純HTML uni-app的非H5端里所有的 BOM/DOM 都不能用,也就是說 v-html 指令不能用,可以使用 rich-text組件 代替。愛掏網 - it200.com或者使用三方組件wxparse,在hello uni-app中有示例。愛掏網 - it200.com (2)不支持部分復雜的 Javascript 渲染表達式 非H5端無法支持復雜的 Javascript 表達式。愛掏網 - it200.com
目前可以使用的有 + - * % ?: ! == === >
data 必須聲明為返回一個初始數據對象的函數;否則頁面關閉時,數據不會自動銷毀,再次打開該頁面時,會顯示上次數據。愛掏網 - it200.com 注意 :在微信小程序端,uni-app 將數據綁定功能委托給Vue,開發者需按Vue 2.0的寫法實現數據綁定,不支持微信小程序的數據綁定寫法,故如下寫法不支持: 需修改為: 支持 Vue官方文檔:計算屬性 。愛掏網 - it200.com 實現全局變量的方式需要遵循 Vue 單文件模式的開發規范。愛掏網 - it200.com
詳細參考: uni-app全局變量的幾種實現方式 。愛掏網 - it200.com 非H5端不支持在 template 內使用 methods 中的函數。愛掏網 - it200.com 備注 : 自HBuilderX 1.7.1起,在微信小程序平臺支持支持在 template 內使用 methods 中的函數。愛掏網 - it200.com
為節約性能,我們將 Class 與 Style 的表達式通過 compiler 硬編碼到 uni-app 中。愛掏網 - it200.com 全支持 Vue官方文檔:條件渲染 。愛掏網 - it200.com 全支持vue列表渲染 Vue官方文檔:列表渲染 。愛掏網 - it200.com只是需要注意一點,嵌套列表渲染,必須指定不同的索引!需要填寫 :key="xx" 。愛掏網 - it200.com
注意 :同級多個 v-for 時 key 的值是不允許重復的,key 的綁定是不支持表達式的,需要按照以下方式處理。愛掏網 - it200.com 幾乎全支持 Vue官方文檔:事件處理器 。愛掏網 - it200.com事件映射表如下所示: 注意 : (1)事件映射表中沒有的原生事件也可以使用,例如map組件的regionchange 事件直接在組件上寫成 @regionchange,同時這個事件也非常特殊,它的 event type 有 begin 和 end 兩個,導致我們無法在handleProxy 中區分到底是什么事件,所以你在監聽此類事件的時候同時監聽事件名和事件類型既
(3)事件修飾符 (4)若需要禁止蒙版下的頁面滾動,可使用 @touchmove.stop.prevent="moveHandle",moveHandle 可以用來處理 touchmove 的事件,也可以是一個空函數。愛掏網 - it200.com (5)按鍵修飾符:uni-app運行在手機端,沒有鍵盤事件,所以不支持按鍵修飾符。愛掏網 - it200.com 支持 Vue官方文檔:表單控件綁定 。愛掏網 - it200.com建議開發過程中直接使用 uni-app:表單組件 。愛掏網 - it200.com
用法示例: (1)H5 的select 標簽用 picker 組件進行代替 (2)表單元素 radio 用 radio-group 組件進行代替 組件是整個 Vue.js 中最復雜的部分,支持 Vue官方文檔:組件 。愛掏網 - it200.com有且只能使用單文件組件(.vue 組件)的形式進行支持。愛掏網 - it200.com其他的諸如:動態組件,自定義 render ,和 字符串模版等非H5端都不支持。愛掏網 - it200.com
詳細的非H5端不支持列表: (1)暫不支持在組件引用時,在組件上定義 click 等原生事件、v-show(可用 v-if 代替)和 class style 等樣式屬性(例:
注意 :Vue.component 的第一個參數必須是靜態的字符串。愛掏網 - it200.com示例: (1)main.js 里進行全局注冊 (2)index.vue 里可直接使用組件 在 uni-app 中以下這些作為保留關鍵字,不可作為組件名。愛掏網 - it200.com 備注 :除以上列表中的名稱外,標準的 HTML 及 SVG 標簽名也不能作為組件名。愛掏網 - it200.com (1) 如何獲取上個頁面傳遞的數據 在 onLoad 里得到,onLoad 的參數是其他頁面打開當前頁面所傳遞的數據。愛掏網 - it200.com
(2) 如何設置全局的數據和全局的方法 uni-app內置了 vuex ,在app里的使用,可參考 hello-uniapp 的 store/index.js 。愛掏網 - it200.com (3)如何捕獲 app 的 onError 由于 onError 并不是完整意義的生命周期,所以只提供一個捕獲錯誤的方法,在 app 的根組件上添加名為 onError 的回調函數即可。愛掏網 - it200.com如下: (4)組件屬性設置不生效解決辦法 當重復設置某些屬性為相同的值時,不會同步到view層。愛掏網 - it200.com
例如:每次將scroll-view組件的scroll-top屬性值設置為0,只有第一次能順利返回頂部。愛掏網 - it200.com 這和props的單向數據流特性有關,組件內部scroll-top的實際值改動后,其綁定的屬性并不會一同變化。愛掏網 - it200.com解決辦法有兩種(以scroll-view組件為例): 備注 :第二種解決方式在某些組件可能造成抖動,推薦第一種解決方式。愛掏網 - it200.com
微信小程序可以用dv ssl證書嗎?
微信小程序是可以使用DV SSL證書的。愛掏網 - it200.com 一般要是開通微信小程序的話,是必須要安裝SSL證書的,不對對證書的類型是沒有要求的,要是個人開通微信小程序的話,完全可以使用DV SSL證書,只需要驗證域名的所有權,整體的申請過程只需要十幾分鐘。愛掏網 - it200.com
微信小程序與第三方服務器通訊的域名必須滿足以下條件: 1、一個已備案的域名,域名不能加端口; 2、域名必須配置SSL證書,也就是能通過https://訪問; 3、HTTPS服務器必須支持TLS 1.2或以上版本; 4、微信小程序后臺加上合法域名設置。愛掏網 - it200.com
微信怎么使用小程序
從你的描述來看,微信小程序使用方法:首先進入微信界面,點擊“發現”。愛掏網 - it200.com然后找到“小程序”并點擊進入。愛掏網 - it200.com
接著點擊右上角的搜索圖標,輸入要用的小程序。愛掏網 - it200.com
例如搜索“最強彈一彈”這個小程序并點擊,打開這個小程序即可。愛掏網 - it200.com
微信小程序怎么開發,需要使用到什么開發工具
目前微信小程序越來越火,如何開發微信小程序呢?如下:(1)在開發前進行產品定位,要兼顧用戶價值與渠道價值;(2)豐富產品的內容或功能,要有與之對應的使用場景,微信小程序最為重要的一點就是其應用場景,微信小程序是一款工具,其最突出的特點就是要體現他的工具性和功能性,只是盲目的小程序中插入一些推廣信息,很容易惹來用戶的反感。愛掏網 - it200.com所以對于微信小程序的開發,我們一定要將眼光放長遠,不要只是局限于眼下,同時也不要過高的估計小程序的特點,其對于企業而言最為重要的還是其推廣性質,所以對于企業而言不能只是單純的去做微信小程序,而是要將其與微信公眾號,微信公眾平臺相結合,只有這樣才能更好的實現企業的運營和推廣。愛掏網 - it200.com
至于開發其實也很簡單,只要找到了微信小程序的應用場景,第三方小程序開發平臺就可以幫你快速的搭建出款經典小程序,無論你是電商版,教育版,還是汽車,房產,只要你能想象的到,他們都可以幫你實現。愛掏網 - it200.com
微信小程序被譽為是微信的又一波紅利,而且小程序適用于線下實體店,只要你的線下實體店想要實現線上和線下的相互聯系,那么微信小程序一定能夠幫你實現,但是值得非常注意的一點就是要利于好微信小程序的工具性,找到應用的場景。愛掏網 - it200.com
小程序開發是用什么語言?
小程序開發使用的語言本質上就是JS+CSS+HTML5,不過不能直接用HTML標簽,微信提供一個組件庫,沒有DOM和其他瀏覽器上的API;網絡、Canvas等也重新包裝過。愛掏網 - it200.com對于微信小程序而言,前端程序是唯一差異于網站建設技術的,因此,只要使用JS+CSS+HTML5讓前端程序過得了關,能夠寫前端的接口,那么使用PHP,又或者java,以及asp.net的程序語言都是完全支持的。愛掏網 - it200.com
一般對于企業而言,都是采用php程序開發微信小程序;技術要求高一點的可以采用java程序開發。愛掏網 - it200.com
小程序開發中最常見使用的是“MINA”框架,Apache Mina Server 是一個網絡通信應用框架,也就是說,它主要是對基于TCP/IP、UDP/IP協議棧的通信框架(當然,也可以提供JAVA 對象的序列化服務、虛擬機管道通信服務等),Mina 可以幫助我們快速開發高性能、高擴展性的網絡通信應用,Mina 提供了事件驅動、異步(Mina 的異步IO 默認使用的是JAVA NIO 作為底層支持)操作的編程模型。愛掏網 - it200.com這個框架為微信小程序的運行提供了豐富的組件和API。愛掏網 - it200.com要學會和掌握小程序的框架結構、數據綁定機制、模板、數據緩存、常用組件和API等相關知識。愛掏網 - it200.com
微信小程序是什么,怎么用?
微信小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。愛掏網 - it200.com也體現了“用完即走”的理念,用戶不用關心是否安裝太多應用的問題。愛掏網 - it200.com
應用將無處不在,隨時可用,但又無需安裝卸載。愛掏網 - it200.com
至于怎么用,打開微信,點擊“發現”——“小程序”即可打開,可以通過搜索框精準搜索小程序名稱,然后進入小程序;也可以通過“附近的小程序”功能進入,可以把方圓5公里范圍的小程序全部展現出來,可以通過服務類型選擇,比如有外送、購物、美食、出行、酒店、生活服務等等,對于有用的小程序,還可以添加到桌面或者”我的小程序“當中,可以添加50個小程序,這就極大地方便了用戶使用體驗。愛掏網 - it200.com