┌─uniCloud 云空間目錄，阿里云為uniCloud-aliyun,騰訊云為uniCloud-tcb
│─components 符合vue組件規(guī)范的uni-app組件目錄
│ └─comp-a.vue 可復(fù)用的a組件
├─hybrid App端存放本地html文件的目錄
├─platforms 存放各平臺(tái)專用頁(yè)面的目錄
├─pages 業(yè)務(wù)頁(yè)面文件存放的目錄
│ ├─index
│ │ └─index.vue index頁(yè)面
│ └─list
│ └─list.vue list頁(yè)面
├─static 存放應(yīng)用引用的本地靜態(tài)資源（如圖片、視頻等）的目錄，注意：靜態(tài)資源只能存放于此
├─uni_modules 存放uni_module規(guī)范的插件。
├─wxcomponents 存放小程序組件的目錄
├─main.js Vue初始化入口文件
├─App.vue 應(yīng)用配置，用來(lái)配置App全局樣式以及監(jiān)聽應(yīng)用生命周期
├─manifest.json 配置應(yīng)用名稱、appid、logo、版本等打包信息
└─pages.json 配置頁(yè)面路由、導(dǎo)航條、選項(xiàng)卡等頁(yè)面類信息

1.簡(jiǎn)單的頁(yè)面示例

<template> <view class="hello">{{hello}}view>template><script>export default { data() {return {hello: 'hello，我是神的尾巴' } } }script><style>.hello {color: red;}style>

2.uni-app支持vue組件和小程序原生組件混用

具體的使用方式見uni-app 小程序組件支持：https://uniapp.dcloud.io/frame?id=小程序組件支持。

3.常用標(biāo)簽，常用組件包括view、text、swiper、scroll-view等。

支持在 template 模板中嵌套和

和并不是一個(gè)組件，它們僅僅是一個(gè)包裝元素，不會(huì)在頁(yè)面中做任何渲染，只接受控制屬性。

<template>
    <view>
        <template v-if="test">
            <view>test 為 true 時(shí)顯示</view>
        </template>
        <template v-else>
            <view>test 為 false 時(shí)顯示</view>
        </template>
    </view>
</template>

4.生命周期

4.1應(yīng)用生命周期,這app.vue里面

在這里插入圖片描述

4.2頁(yè)面生命周期，可以做每個(gè)頁(yè)面中寫。

uni-app 支持如下頁(yè)面生命周期函數(shù)：

在這里插入圖片描述

onLoad: function() {
console.log(‘visitor onLoad');
},
onShow: function() {
console.log(‘visitor onShow');
},
mounted: function() {
console.log(‘visitor mounted');
},

4.3組件生命周期, 相當(dāng)于vue的生命周期。

在這里插入圖片描述

5.使用插件

uni-app 插件市場(chǎng)，去找一些適合我們業(yè)務(wù)場(chǎng)景的插件。

例如下拉刷新插件、原生APP一鍵登錄插件等。

總結(jié)

本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！

您可能感興趣的文章:

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

軟件下載

源碼下載

軟件編程

網(wǎng)絡(luò)編程

在線工具

數(shù)據(jù)庫(kù)

CMS

常用工具

uniapp和vue的區(qū)別詳解

目錄

1.簡(jiǎn)單的頁(yè)面示例

2.uni-app支持vue組件和小程序原生組件混用

3.常用標(biāo)簽，常用組件包括view、text、swiper、scroll-view等。