1. vue文件结构

1）这是文件规则

 <template>
 <div >

 </div>

 </template>
 <script>

 Name："当前的名称"

 Components：{}, //组件，有引入组件时，放置组件名称。

 Data：{   //数据，v-model绑定数据使用

 return {}

 } 

 Created：{} //创建完成时（生命周期其中一个）

 Mounted：{} //挂载完成时（生命周其其中一个）

 Methods：{}  //定义函数

 Props、watch：{}  //子组件接收父组件参数

 </script>

 <style lang="scss" scoped>  //Lang=“scss”：写义类型

 </style>

2）template里面的元素可以是div标签，也可以是其他的，必须有一层父元素，否则会报错

3）scoped是针对局部有用，当前文件应用样式

4）固定的三块内容： template、script、style