uni-app

就是

　　微信小程序的标签+vue语法+uniApp的api

　　　　小程序视图容器：

　　　　　　1. <view> 

　　　　　　　　作用：块级元素。类似div

　　　　　　　　属性：与div一致。基本没有特殊属性

　　　　　　　　

　　　　　　2.<text>

　　　　　　　　作用：行内元素。类似span

　　　　　　　　属性：与span一致。基本没有特殊属性　　　　　　　　

 

　　　　　　3. <image>

　　　　　　　　作用：图片标签。宽度默认屏幕宽度

　　　　　　　　属性：

　　　　　　　　　　src：图片资源地址。

　　　　　　　　

　　　　　　4. <navigator>

　　　　　　　　作用：页面跳转。类似a。 只能跳转本地页面而且须在pages.json内注册

　　　　　　　　属性：

　　　　　　　　　　url：跳转的连接

 

　　　　　　5. 表单提交使用uView提供的。

　　　　　　　<u-form><u-form-item><u-input>作表单

　　　　　　　　1. form的action和method由js代替  this.$u.get()

　　　　　　　　2. name使用v-model双向绑定data数据

　　　　　　　　3. <u-input>同样可以控制type

 

　　　　　　6. <scroll-view>

　　　　　　　　作用：滚动区域。

　　　　　　　　

　　　　　　7. block

　　　　　　　　作用：空标签，不影响布局，经常用于循环

 

　　　　vue语法

　　　　　　1. 各种指令

　　　　　　　　v-bind：

　　　　　　　　　　作用：可通过el取到data值。支持字符串拼接和三元运算符

　　　　　　　　　　属性域：data

　　　　　　　　　　简写：:

　　　　　　　　v-on：

　　　　　　　　　　作用：可通过el取到method值，调用函数。

　　　　　　　　　　属性域：method

　　　　　　　　　　简写：@

　　　　　　　　v-for：

　　　　　　　　　　作用：可通过el取到data值，循环一个变量

　　　　　　　　　　属性域：data

　　　　　　　　　　语法：(item,index) in list

　　　　　　　　v-if：

　　　　　　　　　　作用：可通过el取到data值，判断if而显示或隐藏标签

　　　　　　　　　　属性域：data

　　　　　　　　v-model：

　　　　　　　　　　作用：双向绑定，用于表单；改变一处即两处都改变

　　　　　　　　　　作用域：data。

 

　　　　模板语法：

　　　　　　1. Vue把html，js，css集成到一个页面中

　　　　　　2. js使用统一应用思路：initView()，initData()，initEvent()即组件初始化，数据初始化，事件初始化中。以data，method定义在js里。

　　

　　　　uniApp的api

　　　　　　1. 路由跳转：

　　　　　　　　uni.navigateTo( Object )

　　　　　　　　　　参数：

　　　　　　　　　　　　url：跳转的应用内非 tabBar 的页面的路径。可携带参数(?附加)，参数由&连接

　　　　　　　　　　返回值：null　　

　　　　　　　　　　返回值意义：无

　　　　　　　　　　作用：跳转应用内非tabBar页面，可以返回！

 

　　　　　　　　uni.redirectTo( Object )

　　　　　　　　　　参数：

　　　　　　　　　　　　url：跳转的应用内非 tabBar 的页面的路径。可携带参数(?附加)，参数由&连接

　　　　　　　　　　　　返回值：null　　

　　　　　　　　　　　　返回值意义：无

　　　　　　　　　　　　作用：关闭页面，跳转应用内非tabBar页面，不可返回！

 

　　　　　　　　uni.switchTab( Object )

　　　　　　　　　　参数：

　　　　　　　　　　　　url：跳转到tabBar页面，并关闭其它所有非tabBar页面

　　　　　　　　　　返回值：null

　　　　　　　　　　返回值意义：无

　　　　　　　　　　作用：由其它页面（主要是非tabBar页面）跳转到tabBar页面

 

　　　　　　2.本地缓存　　

　　　　　　　　uni.setStorageSync( KEY , DATA )

　　　　　　　　　　参数：

　　　　　　　　　　　　key：键值

　　　　　　　　　　　　data：数据

　　　　　　　　　　返回值：无

　　　　　　　　　　返回值意义：无

　　　　　　　　　　作用：将data存储在指定的key里。同名会覆盖，同步方法。

 

　　　　　　　　uni.getStorage( Object )

　　　　　　　　　　参数：

　　　　　　　　　　　　key：键值

　　　　　　　　　　　　success：函数类型，会回调res作为返回值

　　　　　　　　　　返回值：无

　　　　　　　　　　返回值意义：无

　　　　　　　　　　作用：获取本地缓存的值

uni.getStorage({
    key: 'storage_key',
    success: function (res) {
        console.log(res.data);
    }
});

　　　　　　　　

　　　　uView的api　　

　　　　　　3.网络请求

　　　　　　　　vue.$u.get|post( url , params , header  ).then( (res) => { })

　　　　　　　　　　参数：

　　　　　　　　　　　　url：string，请求地址

　　　　　　　　　　　　params：object，请求参数

　　　　　　　　　　　　header：请求头

　　　　　　　　　　返回值：无

　　　　　　　　　　返回值意义：无

　　　　　　　　　　作用：在then中会回调函数，传入res对象。res即响应体

　　　　　　　　　　注意：网络请求应该使用 asyn和await同步，比如登录！

 

　　　　　　　　4. toast土司

　　　　　　　　　　vue.$u.toast( message )

　　　　　　　　　　　　参数　　　　　　

　　　　　　　　　　　　　　message：string，提示内容

　　　　　　　　　　　　　　返回值：无

　　　　　　　　　　　　　　返回值意义：无

　　　　　　　　　　　　　　作用：在应用中弹窗提示。　　

　　　　　　　　　5. vue.$u.vuex(key,data)

　　　　　　　　　　　　在本地缓存中存值

　　　　　　　　　

　　　　　　　　    6. vue.$u.key

　　　　　　　　　　　　本地缓存中取值

　　　　　　　　　　　　　 

uni-app程序需要什么：

　　上面之外：

　　　　请求拦截：自动加入请求头（token，cookie，配置默认域名）、响应拦截(对不同的异常请求最不同的响应)

　　　　全局函数：比如：路由守卫

　　　　全局变量(本地存储)：

　　　　自定义组件

　　　　插件