vue（10）-模板语法、条件渲染、列表渲染、class和style绑定

一、模板语法介绍

以下这些必须在定义vue的el元素中。比如下面，那么所有的data、method使用，必须在id为bg的元素里面使用。

{ {}}    v-html   v-bind   v-on

1. 文本             <span>Message: { { msg }}</span>
2. 原始html    <span v-html="rawHtml"></span>
3. Attribute
   1. 1. 1. 1.  <div v-bind:id="dynamicId"></div>
            2. <button v-bind:disabled="isButtonDisabled">
4. 使用JavaScript表达式
   1. { { number + 1 }}
   2. { { ok ? 'YES' : 'NO' }}