首先前端项目默认入口都是indexhtml 这里有个DIV的id为app，这里是vue的挂载点，后续views中的 vue文件都会挂载在这里程序运行indexhtml后会寻找用到app的文件，即mainjs 这里创建了一个vue实例，挂载了#app，也就是。

#39vue$#39 #39vuedist#39 #39vuedist#39 for webpack 1 此时在运行webpack 命令重新编译，编译后在访问indexhtml页面，页面内容如下图此时一个基于webpack的vue 项目就搭建好webpack的一些常用配置。

在项目开发中，我们的项目一般分为开发版测试版Pre版Prod版Vuecli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很麻烦如果能根据不同环境打包就完美了网上。

单独的vue项目，不需要运行环境的，直接打开即可就是不知道项目中是不是使用了其他的东西。

这次给大家带来实战项目中如何使用vue组件，实战项目中使用vue组件的注意事项有哪些，下面就是实战案例，一起来看一下一递归组件组件在它的模板内可以递归地调用自己， 只要给组件设置name 的选项就可以了示例如下 lt。