A brief introduction to VUE uni-app core knowledge

<!-- Template block -->
<template>
	<view class="main">
		{{msg}}
	</view>
</template>
<!-- Script Block -->
<script>
	export default {
		data(){
			return {
				msg:'Hello'
			}
		}
	}
</script>
<!-- Style block -->
<style>
	.main{
		background-color:#ccc;
	}
</style>

<template>
	<view>hello</view>
	<text> wang </view>
</template>

//Get location informationuni.getLocation({
	type:'wgs84',
	success:function(res){
		console.log('Current location longitude: '+res.longitude);
		console.log('Current location latitude: '+res.latitude);
	}
});

<template>
	<view @click="changeMsg">
		{{msg}}
	</view>
</template>
<script>
	export default{
		data(){
			return {
				msg:'hello'
			}
		},
		methods:{
			changeMsg(){
				this.msg:'world'
			}
		}
	}
</scrip>

#ifdef APP-PLUS
	Code that only appears on the APP platform#endif
#ifndef H5
	 Except for the H5 platform, the code that exists on other platforms#endif
#ifdef H5 || MP-WEIXION
Code that exists on the H5 platform or WeChat Mini Program platform#endif