vue中组件引入

vue的一个强大功能就是组件化开发，那么组件如何引入到页面中呢，今天就带大家一起了解一下

第一种方式：在页面单独引入

在script标签内部导入组件

import login from './components/Login'

在components中注册组件

components:{

login

},

最后就可以在页面中使用了

<login></login>

第二种方式：在全局注册组件

在components文件夹下新建一个index.js文件

在index.js中导入组件并使用Vue.component注册组件

最后需要在main.js中引入

 然后就可以在页面直接使用，不用单独导入注册啦！