11.24

1.elementUI里CheckBox组件的check-change回调如何在使用自定义传参的条件下保留默认传参？

@check-change="handleCheckChange"

 

 

　handleCheckChange(data, checked, indeterminate)

　　{

　　　 console.log(data, checked, indeterminate);

　　 },

如下：外面再包一层即可。

 

 @check-change="(data, checked, indeterminate)=>handleCheckChange(data, checked, indeterminate,index)"

 ----------------------------------------------------------------------- ----------------------------------------------------------------------- -----------------------------------------------------------------------

• 单文件组件,无法直接在浏览器中使用,必须经过 webpack 这种打包工具,处理后,才能在浏览器中使用

vue-cli 是 vue 的脚手架工具

作用 : vue-cli 提供了一条命令, 我们直接通过这条命令就可以快速的生成一个 vue 项目 (vue init XX) 。
项目的基本结构、以及 webpack 配置项 全部配置 好了

为什么会有脚手架工具 ???

因为 webpack 配置繁琐, 阻止一批想用 vue 但是不会 webpack 的开发人员,所以作者直接将所有 vue 项目中用到的配置全部帮你写好了,这样,就不需要开发人员再去配置基础 webpack 配置项了

也就是说,使用 vue-cli 这个脚手架工具后,再也不用担心 webpack 配置问题了, 我们前端只需要写 vue 代码, 来实现功能即可

脚手架工具使用

• 安装 : npm i -g vue-cli
• 初始化 vue 项目 : vue init webpack 项目名称项目安装过程 :
  • 比如 : vue init webpack vue-demo01

- 安装 : `npm i -g vue-cli`

- 初始化 vue 项目 : `vue init webpack 项目名称`

  - 比如 : `vue init webpack vue-demo01`

- 项目安装过程 :

? Project name # 回车
? Project description # 回车
? Author  # 回车
? Vue build standalone  # => 运行时+编译 => 详见下面的问题1 
? Install vue-router? # Yes
? Use ESLint to lint your code? # Yes => 详见下面的问题2
? Pick an ESLint preset Standard  # standard
? Set up unit tests # No
? Setup e2e tests with Nightwatch? # No
? Should we run `npm install` for you after the project has been created? # (recommended) npm

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

• --inline 意思是信息显示在哪里（信息在VSCode中的控制台能看到）
• -progress 进度条（就是在VSCode中启动项目时候的进度条：百分之多少多少了）
• 指定哪个文件作为 webpack 的配置文件 开发的（相当于webpack中的webpack.config.js）