此文为uni-app总结笔记(7)— 数据绑定 以及 v-bind,v-for,v-on
在页面中需要定义数据,和我们之前的vue一摸一样,直接在data中定义数据即可
export default {
data () {
return {
msg: 'hello-uni'
}
}
}
插值表达式的使用
-
利用插值表达式渲染基本数据
<view>{ {msg}}</view>
-
在插值表达式中使用三元运算
<view>{ { flag ? '我是真的':'我是假的' }}</view>
-
基本运算
<view>{ {1+1}}</view>
数据绑定示例代码:
<template>
<view>
<view>数据绑定的学习</view>
<view>{
{
msg}}</view>
<view>{
{
"你好呀"+"世界"}}</view>
<view>{
{
1+1}}</view>
<view>{
{
flag?"这是真的,我是true":"这是假的,我是false"}}</view>
<