uni-app（7）— 数据绑定以及 v-bind，v-for，v-on_uniapp v-bind

此文为uni-app总结笔记（7）— 数据绑定 以及 v-bind，v-for，v-on

在页面中需要定义数据，和我们之前的vue一摸一样，直接在data中定义数据即可

export default {
   
  data () {
   
    return {
   
      msg: 'hello-uni'
    }
  }
}
1
2
3
4
5
6
7
8
9
10

插值表达式的使用

• 利用插值表达式渲染基本数据

  <view>{
      {msg}}</view>
  1
  2

• 在插值表达式中使用三元运算

  <view>{
      { flag ? '我是真的':'我是假的' }}</view>
  1
  2

• 基本运算

  <view>{
      {1+1}}</view>
  1
  2

数据绑定示例代码：

	<template>
	<view>
		<view>数据绑定的学习</view>
		<view>{
   {
   msg}}</view>
		<view>{
   {
   "你好呀"+"世界"}}</view>
		<view>{
   {
   1+1}}</view>
		<view>{
   {
   flag?"这是真的，我是true":"这是假的，我是false"}}</view>
	</view
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15