uni-app基础语法学习

最新推荐文章于 2024-10-11 20:32:02 发布

置顶

bbiu~biu~

最新推荐文章于 2024-10-11 20:32:02 发布

阅读量1.5k

点赞数 2

分类专栏： uni-app 文章标签：前端 vue js 小程序

本文链接：https://blog.csdn.net/qq_45784580/article/details/104767815

版权

该博客介绍了uni-app的基础语法，包括模板语法、条件渲染、列表渲染和计算属性。内容详细讲解了数据绑定、数组形式的数据绑定，以及完整支持Vue的条件渲染和列表渲染。同时，提到了使用computed进行计算属性的定义，并通过watch来监听数据变化。

摘要由CSDN通过智能技术生成

模板语法

uni-app 完整支持 Vue 模板语法。
详见 Vue官方文档（传送门）
基础数据绑定

<template>
	<view class="news">
		<view class="title">{
   {
   title}}</view> //在视图中使用 {
   {}} 调用变量：
		<view>{
   {
   msg}}</view>
	</view>
</template>

<script>
export default {
   
	data() {
   
		return {
      //变量赋值
			title: 'uni-app',
			msg: 'hello'
		};
	}
}
</script>

数组形式的数据绑定

<template>
	<view class="news">
		<view class="">
			{
   {
   students[0].age}}  //调用
			{
   {
   students[1].name}}
			{
   {
   students[0]['name']}}
		</view>
	</view>
</template>
<script>
export default