在页面中需要定义数据,和我们之前的vue使用是一样的。

  1. <template>
  2. <view>
  3. <view>
  4. 数据绑定的学习
  5. </view>
  6. <view>
  7. {{msg}}——world!
  8. </view>
  9. <view>{{1+1}}</view>
  10. <view>{{flag ? '我是真的':'我是假的'}}</view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. msg:'hello',
  18. flag:false
  19. }
  20. },
  21. methods: {
  22. }
  23. }
  24. </script>
  25. <style>
  26. </style>

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

<view>{{msg}}</view>

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

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

  • 基本运算

<view>{{1+1}}</view>
image.png