這篇文章將為大家詳細講解有關uniapp和vue有哪些區別,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
項目目錄:
┌─uniCloud 云空間目錄,阿里云為uniCloud-aliyun,騰訊云為uniCloud-tcb
│─components 符合vue組件規范的uni-app組件目錄
│ └─comp-a.vue 可復用的a組件
├─hybrid App端存放本地html文件的目錄
├─platforms 存放各平臺專用頁面的目錄
├─pages 業務頁面文件存放的目錄
│ ├─index
│ │ └─index.vue index頁面
│ └─list
│ └─list.vue list頁面
├─static 存放應用引用的本地靜態資源(如圖片、視頻等)的目錄,注意:靜態資源只能存放于此
├─uni_modules 存放uni_module規范的插件。
├─wxcomponents 存放小程序組件的目錄
├─main.js Vue初始化入口文件
├─App.vue 應用配置,用來配置App全局樣式以及監聽 應用生命周期
├─manifest.json 配置應用名稱、appid、logo、版本等打包信息
└─pages.json 配置頁面路由、導航條、選項卡等頁面類信息
<template> <view class="hello">{{hello}}view>template><script>export default { data() {return {hello: 'hello, 我是神的尾巴' } } }script><style>.hello {color: red;}style>
具體的使用方式見uni-app 小程序組件支持:https://uniapp.dcloud.io/frame?id=小程序組件支持。
支持在 template 模板中嵌套 和
和 并不是一個組件,它們僅僅是一個包裝元素,不會在頁面中做任何渲染,只接受控制屬性。
<template> <view> <template v-if="test"> <view>test 為 true 時顯示</view> </template> <template v-else> <view>test 為 false 時顯示</view> </template> </view> </template>
uni-app 支持如下頁面生命周期函數:
onLoad: function() {
console.log(‘visitor onLoad');
},
onShow: function() {
console.log(‘visitor onShow');
},
mounted: function() {
console.log(‘visitor mounted');
},
uni-app 插件市場,去找一些適合我們業務場景的插件。
例如下拉刷新插件、原生APP一鍵登錄插件等。
關于“uniapp和vue有哪些區別”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。