Vue早期组件注册方式
通过extend(),component(),实现组件的构造和注册,在vue实例中使用.
代码如图
解析各个步骤含义:
Vue新式语法糖写法....之前分为了组件构造和注册两个步骤,而新式语法糖省却了extend(),将其糅合在一起,我们可以直接使用一个对象来代替,我们可以在vue.compenent("组件名","组件实例"),这样直接直接了当的写...比如:
全局组件直接在js中声明
// 定义一个名为 button-counter 的新组件
Vue.component('button-counter', {
data: function ()...至于局部组件语法糖即直接写入vue实例的components里即可.如下