web前端vue:组件创建与注册

web前端vue:组件创建与注册_第1张图片
vue页面结构

用过vue的同学都知道,vue是以组件的形式开发的它类似与app的的开发方式,所以“组件”这个词在vue的整个体系算是很重要,所以要想用vue来开发你的项目务必先要把组件化开发,怎么一个流程和组件开发的方式一定要弄懂,废话不多说看代码最实际。

官网上给的有点简单了,这里我再细化点为大家解毒(分:局部,全局)

main.js文件里
Vue.component('v-div', {template:'第一个组件!'})  // 在main.js里写入可以当作全局的到处使用

渲染为:


    
第一个组件!

某组件里

使用上跟上全局一样直接的使用

当然也可以外部引入
b.vue组件:

第三个组件

a.vue组件

使用方式同上不变。

有喜欢vue的同学,可以加(微信:nihaomeili87)一起学习交流噢

你可能感兴趣的:(web前端vue:组件创建与注册)