Vue简单使用步骤

一、组件

vue中的.vue文件可以简单理解为组件，放在components文件夹下，根组件就是App.vue：

 

 二、使用components文件夹下自定义的组件步骤：

1、创建模板，组件一般模板为以下形式：

 

 二、导出标识：

在 <script> 标签中编写  export default {} 来标识当前组件可以被外部组件引入

三、导出标识组件名称：

 

 在 export default { } 中编写name 属性来标识当前组件名称。

 

四、引入创建的组件：

 

 在App.vue 根组件或其它组件的 script 标签中进行 import 引入

五、挂载组件，表示组件可使用：

 

 在App.vue 的 export default {} 中编写components 属性，将引入组件的 标签名加入其中进行挂载。

六、使用挂载的组件（以标签的形式）：

 

 仅需 <ComponentForOne /> 就行了，后面的属性是组件间参数的传递。

 三、组件的理解：

组件可以理解为单独的个体，既相互独立又能互相引用。就像树形结构，一个节点下可以有多个节点，根节点可以比作 App.vue 根组件，引入组件即是创建子节点。

组件和java类很像，但java类是引入然后使用其属性或方法，而组件是引入向其传递属性值。