前端学习——VUE组件注册

一 组件注册的方法

1.1 全局注册

通过Vue.component方法进行组件的全局注册，方法的第一个参数为组件名，建议用-分割或驼峰法命名

Vue.component('my-component-name', { /* ... */ })

全局注册的组件无论是否被使用，都会初始化。全局注册的特点是可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。比如：

Vue.component('component-c', { /* ... */ })

new Vue({ el: '#app' })

<div id="app">
  <component-c>component-c>
div>

1.2 局部注册

局部注册与全局注册对应，若你不再使用组件，那它将不会包含在你的最终构建结果中，同时只有在对应的根节点才可以使用，比如：
注意 :局部注册也不能使用Vue实例中的data

 <div id="components-demo">
     <button_counter>button_counter>
     <display>display>
 div>
 <div id="app">
     <display>display>
 div>

 var vm = new Vue({
     el: '#components-demo',
     components: {
         button_counter: {
             data: function () {
                 return {
                     count: 0
                 }
             },
             template: 'You clicked me {{ count }} times.'
         }
     }
 });

 var app = new Vue({
     el: '#app',
     components: {
         display: {
             data: function(){
                 return {paragraph: '你好哇 李银河'}
             },
             template: '

{{paragraph}}
'
         }
     }
 })

模块系统

因为没有使用过，故而暂时跳过。详情查看教程。

#疑问

1. webpack 是什么？