Vue组件(Component)

一、组件的作用

用来减少实例对象中的代码量,将不同的业务功能划分成不同的组件,由多个组件去进行整个页面的布局,便于进行页面管理

二、全局组件注册

全局组件注册给Vue实例 可以再Vue实例中的任何位置使用这个组件

定义全局组件

 Vue.component('login',{
    template:`

用户登录

` })

使用全局组件(在Vue范围内)

总结:

组件不能使用驼峰命名,建议使用下划线隔开

三、局部组件注册

局部组件注册方式一




  
  Title


{{msg}}

局部组件注册方式二




  
  Title





{{msg}}

你可能感兴趣的:(Vue2,vue.js,前端,javascript)