前端学习(1723):前端系列javascript之uniapp语法下

<template>
	<view>
		
		<view v-if="show">
			uniapp
		</view>
		<view>
			geyao
		</view>
		<view v-for="item in items">
			{{item}}
		</view>
		<view v-on:click="onClick('uni-app')">
			点击
		</view>
	</view>
</template>

<script>
	export default {
		/* 初始数据对象函数 */
		data() {
			return {
				title: 'Hello',
				src:'./static/logo.png',
				content:'content',
				background:'background',
				show:false,
				items:['1','2','3']
			}
		},
		onLoad() {

		},
		methods: {
			onClick(e){
				console.log("被点击"+e);
			}
		}
	}
</script>

<style>
.content{
	border:1px solid red;
	
}
.background{
	background-color: pink;
}

	
</style>

运行结果

猜你喜欢

转载自blog.csdn.net/weixin_43392489/article/details/107143301