uniapp学习笔记

1.基础语法

www.showdoc.com.cn/12077455682…

数据绑定，条件渲染，列表渲染，事件处理，自定义组件和vue是一样的

<template>
	<view class="content">
		{{msg}}
        <view v-if="show">隐藏</view>
		<view v-for="(item,index) in list">{{item}}</view>
		<button @click="show">阿牛</button>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				msg: 'Hello',
                show:false,
                list:['foo','bar','jack']
			}
		},
        methods: {
            show(){
                this.msg="nnn"
            }
        }
	}
</script>

2.条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。

**写法：**以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。

<template>
	<view class="content">
		<!-- #ifdef APP-PLUS -->  //在app下有效
		<button @click="show">按钮</button>
		<!-- #endif -->
	</view>
</template>

<script>
    onLoad() {
        // #ifdef H5 //在h5下有效
        uni.showLoading({
            title: '加载中'
        })
        // #endif
    },
</script>

/* #ifndef H5 */  //在除了H5下都有效
	.content {
		background-color: aqua;
	}
/* #endif */

3.运行到微信开发者工具

若运行不成功可以检查以下配置

1.appid是否和小程序开发工具的一致

2.微信开发者工具安装路径是否正确

3.微信开发工具打开服务端口

设置>安全设置>

4.运行到WEB(H5)

1.manifest.json

2.发行

3.确定发行

4.h5文件即为打包的文件

5.app打包

1.基础配置

每次打包需要设置新的值（比上次值要大）

2.app图标配置

3.云打包

4.配置信息确认打包

5.打包完下载链接即可安装到手机