vue 语法和指令

• export default {
  data: {}//是全局声明的，会造成页面间数据串用
  data(){}//是局部对象，当前页面使用
  }

• v-bind指令
  动态绑定一个或多个特性
  可缩写：":",
  原始写法v-bind:class,缩写形式:class

• 事件处理器
  v-on指令
  可缩写："@",
  原始写法v-on:click,缩写形式@click

• 表单控件绑定
  v-model指令在表单控件元素上创建双向数据绑定
  复选框
  多个勾选框
  选择列表

• 自定义组件

1. 组件写到components文件夹下
2. 自定义一个倒计时组件
3. 组件基本要素：props，$emit等
4. 通过import导入自定义组件
   

例如：

<template>
       <order-header title="我的购物车">
              <template v-slot:tip>
                     <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
              </template>
       </order-header>
</template>
<script>
       import OrderHeader from './../components/OrderHeader'
       export default{
              components:{
                     OrderHeader
              }
       }
</script>