一邂逅vuejs 从为什么要学习，有什么特点，到安装vuejs，体验vuejs，以及学习MVVM架构二vue基础语法 基础语法很多，会详细讲三组件化开发 学vue必须学习组件化开发四vue cli详解 webpackvue cli脚手架的介绍。

vuecli vue 脚手架，用于搭建项目的骨架vueresourceaxios ajax 请求vuerouter 路由vuex 状态管理vuelazyload 图片懒加载vuescroller 页面滑动相关mintui 基于 vue 的 UI 组件库移动端elementui 基于。

vue脚手架在vue脚手架中有一个 template 模板在模板里面只有一个子类，子类里面可以有其他的类 script#160 脚本style 样式 vue的语法当使用的时候，里面只可以传入文本，如果传入标签也会被认为文本v。

目前在市面上存在很多脚手架，如createreactappvuecli我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率但是我们会面临一个问题，除了脚手架帮我们创建好的项目框架，我们的项目总有。

一般就是这样本人测试vuecli，使用的各个工具的版本，分别是node695webpack360vue244第一步，安装nodejsPS我所使用的系统是win7的64位PS检测nodejs是否安装成功，在命令行中输入node v。

前言 vue2 然后通过以下命令安装 webpack cnpm install webpack g 注下面 orange 默认给出 npm 的安装方案，安装失败请自行转为 cnpm 安装 在需要创建工程的位置运行 vue init webpacksimple 工程名。

把appvue引入入口文件mainjs浏览器自动更新显示在浏览器的调试模式中会看到div标签中出现属性datavxxx ，那是因为使用了，样式只作用本组件中如果去掉scoped，div标签就没有datav属性，只是单纯的普通标签文本。