vue.js如何使用组件

1、首先我们打开任意一款代码编辑器，笔者这里使用sublime，如图所示。打开后先新建一个vue test文件夹，然后在里面新建一个HTML文件，命名index1.茑霁酌绡html，并写入基本的HTML页面元素，在body里面写一个div标签。代码和效果如图所示。

2、然后我们需要下载vue.js的库并通过script标签引入，或者使用在线的链接引入进来，如图所示，这里用在线引入的方式。

5、看一下效果，在123的下面显示了全局组件（子组件）的模板内容。

7、显示效果如图所示，同样显示了局部组件（子组件）的模板内容。