扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
实现此例您可以学到：
一、搭建vue开发环境
1）更换镜像到cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2）安装vue-cli
cnpm install -g vue-cli
3）初始化vue项目
命令模式进入项目所在的目录，如d:\test\，输入vue init 项目名称即可。如果你想引入vue2.0框架，必须把nodejs、webpack和npm升级到最新版本。
4）node-sass和sass-loader实现scss的编译
用cnpm安装node-sass和sass-loader，用于编译scss相关内容。
5）通过npm install 安装开发和运行依赖组件
进入刚创建好的目录，执行cnpm install安装所有的开发和运行依赖项
6）通过npm run dev支持调试版本
在安装成功后，直接运行npm run dev即可看到demo的运行界面。
注意：
1.按照上述步骤搭建最终可以创建好vue项目，但也遇到几个坑
2.安装的nodejs和webpack、npm不是最新版本
二、实现Tag组件
学习一个新框架，首先是看文档，最重要还是实践。写一个hello world过于简单，要玩就玩个大的。我们就来实现一个Tag（标签）组件领悟一下vue的强大。
组件需求
实现思路
具体实现
1. 模板内容代码
标签：
- {{item}}
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网