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对象