vue目录结构分析 数据绑定 绑定属性 循环渲染数据 数据渲染

一，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，循环渲染数据