uniapp模板语法、计算属性、监听属性

一.模板语法

一.data属性
data 必须声明为返回一个初始数据对象的函数

//正确用法，使用函数返回对象
data:function() {
    return {
        title: 'Hello'
    }
}

二.模板语法—插值
1.文本（使用双大括号插值）{ { }}
2.通过 v-once 指令，可以执行一次性插值，当数据改变时，插值处的内容不会更新。
3.双大括号会将数据解释为普通文本，为了输出真正的 HTML，需要使用 v-html 指令
4.Mustache 语法不能作用在 HTML attribute（特性） 上，应该使用 v-bind 指令
5.v-if 指令将根据表达式 seen 的值的真假来插入/移除 元素。
6. v-on 指令，用于监听 DOM 事件

<template>
	<view>
		<view>{
  {msg}}</view>
		<text v-once>{
  {text}}</text>
		<view>使用双大括号:{
  { rawHtml }}</view>
		<view v-html="rawHtml">使用v-html:</view>
		<view v-bind:class="color">蓝色</view>