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)