vue.js组件应用化入门

phpstorm

vue.js

vue.js中注册“组件”使用“Vue.component”来构建，语法如下：Vue.component('组件名',   template:'组件模板',   .......);

下面我们来使用一下自定义的组件。可以看到，成功显示了。注意：使用自定义主键必须放在Vue对象指定的元素中才能正常显示

也可以在Vue.component中为自定义组件赋值，但格式需稍作变化。可以看到，已经成为为name属性赋值了。

自定义组件同样可以绑定事件。可以看到，绑定的click事件生效了，tom变成了mot

还可以对绑定的事件进行监听，可以看到，当tom被点击之后，控制台打印了name的值。