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">Helloview>

    {{}}:标签外el表达式

    v-on

      作用:取值标识符,可取method内的属性

      取值:method

      简写:@

      额外 @.stop :可阻止事件穿透

<button v-on:click="show()">点击button>


我是父级

我是子级

 

     v-model:数据的双向绑定。

                 作用:用于代替 双向绑定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>

    

      空标签:不显示,不影响界面。适合条件判断和循环

 格式

    data:

      定义数据

    method:

      定义方法

 vue对象:

  在函数的函数内部this执行window对象。()=>{}指向vue对象。

  但通过

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

  也可以取到vue对象