[TOC] ## 安装 (cli2版本) 1, 安装nodejs > 安装npm淘宝镜像 ``` npm install -g cnpm --registry=https://registry.npm.taobao.org npm update -g 更新npm的命令 npm update vue-cli cli工具更新 ``` 2, 安装cli工具 使用cli创建项目 ``` npm install -g @vue/cli npm install -g @vue/cli-init # vue init now works exactly the same as vue-cli@2.x vue init webpack my-project ``` 3, 安装过程设置 ``` author 作者 ``` ## 组件的使用 ``` //注册一个全局组件语法格式如下： Vue.component(tagName, options); Vue.component('runoob', { template: '<h1>自定义组件!</h1>' }) //组件的局部注册 new Vue({ el: '#app', components: { // <runoob> 将只在父模板可用 'runoob': Child } }) ```