Uni-app指令

1. 組件

2. API：網絡請求

3.路由

4.生命周期

5.語法：數據綁定，事件

6.布局樣式：樣式引用，sass等

 

1.pages：存放頁面

2.static：靜態文件的目錄

3.App.vue：應用生命周期文件

4.main.js：也是應用入口文件，注冊Vue等

5.mainfest.json：應用及各端配置文件

6.pages.json：頁面配置文件

7.uni.sass：全局變量文件，可以定義全局變量

11.unpackage：編譯后的文件存放目錄

 

8.components：存放自定義組件

9.store：vuex目錄

10.common：公有文件目錄

 

！ data不會改變所以不推薦。函數是可以變化的。

 

Vue：

　　屬性

　　　　v-bind

　　　　　　作用：el取值語言標識符，可取data里的屬性。

　　　　　　簡寫：:

　　　　　　這個屬性必須存在data，否則沒有屬性

    <view v-bind:class="className">Hello</view>

　　　　{{}}：標簽外el表達式

　　　　v-on

　　　　　　作用：取值標識符，可取method內的屬性

　　　　　　取值：method

　　　　　　簡寫：@

　　　　　　額外 @.stop ：可阻止事件穿透

<button v-on:click="show()">點擊</button>

<view @click="c1">
我是父級
<view @click.stop="c2">
我是子級
</view>
</view>

 　　　　v-model：數據的雙向綁定。

　　               作用：用於代替<input value/> 雙向綁定data的值，並且v-model的值也會影響data的值。

　　　　　　取值：data

　　　　v-if：

　　　　　　作用：條件判斷，判斷是否掛載。

　　　　　　取值：data

 

　　　　v-else:

　　　　　　作用：匹配上一個if，如果上一個if不成立。此else成立

　　　　　　取值：data

 

　　　　v-else-if:

　　　　　　作用：匹配上一個if，如果上個if不成立，判斷此if是否成立

　　　　　　取值：data

 

　　　　v-show

　　　　　　作用：以display為none進行隱藏，也是條件判斷

　　　　　　取值：data

　　　　

　　　　v-for=" (item,index) in array "   or    v-for="(value , key ) in  object "(少)：

　　　　　　作用：列表渲染，item 取值 array里元素

　　　　　　取值：data

<view v-for="person in persons">{{person.username}} ,age= {{person.age}}</view>

 

　　　　<block>：

　　　　　　空標簽：不顯示，不影響界面。適合條件判斷和循環

 

　　　　

　格式

　　　　data：

　　　　　　定義數據

　　　　method：

　　　　　　定義方法

 

 vue對象：

　　在函數的函數內部this執行window對象。()=>{}指向vue對象。

　　但通過

    let vue = this;
     setTimeout(function(){
      console.log(vue)
    },2000)

　　也可以取到vue對象