模板语法

<template>
  <div class ="id">
  调用组件，页面
  </div>
</template>
<script>
export default {
  props:{
  传递过来的数据
  },
  data(){
  return {
    数据
  }
  },
  methods:{
  方法
  },
  components:{
  组件
  },
}
</script>
//样式
<style scoped>
</style>

指令

使用带 V-前缀的特殊属性，在表达值改变时，将行为应用与DOM中
v-bind 实现绑定 =====> 简写
v-on 监听事件 =====>简写
v-model 数据双向绑定
v-if

数据双向绑定

采取使用 V-model实现数据的双向绑定
v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值 。