一，vue的目录结构分析
vuedome
|-----node_modules:项目所需要的安装模块/安装依赖
|-----src：项目所需要的资源
|----assets：静态资源文件
|----App.js：根组件：由template，script，style组成
|----main.js：挂载组件
|-----.babelrc：babelrc配置文件
|----.editorconfig：编辑器配置文件
|----.gitignore：上传到git忽略的文件
|----index.html：html入口文件，一般不改，移动端加<meta>才改
|----package.json：package配置文件，包括所要安装的模块，项目名和版本号
|----Readme.md：项目说明文件
|----webpack.config.js：webpack配置文件，webpack：模块化打包工具
二，基础
安装scss安装依赖，以后就可以用scss写css，最后打包转换成css。
解释：--save是保存到package.json，--dev是开发是可用，打包上线不用下载该安装依赖。有些安装依赖打包上线也是需要的，此时就可以省略-dev。（less的用户安装方法大同小异），vue-cli脚手架只需要安装，不用手动配置，脚手架已经帮我们配置完成。
1，数据绑定
2，绑定属性
3，循环渲染数据
