vue-loader与vue-cli3

查看文档

Vue Loader 是一个 webpack 的 loader(在vue-cli中已自动集成)，以下功能都依赖于Vue Loader:

当 Vue Loader 编译单文件组件中的 <template> 块时，它也会将所有遇到的资源 URL 转换为 webpack 模块请求 。因此动态添加/更改的资源非绝对路径需要使用 require 处理。

默认下列标签/特性的组合会被转换，且这些组合时可以使用 transformAssetUrls 选项进行配置的。

( 如配置额外的 <style> 块使用 css-loader ，也可以使 CSS 中的资源 URL 变成模块请求。)

Vue Loader 会根据 lang 特性以及你 webpack 配置中的规则自动推断出要使用的其他 loader。

有些预处理器对 >>>不支持，此时可以使用 /deep/ 或 ::v-deep *** 作符取而代之——两者都是 >>>的别名。

或直接

可自行在 process.env 对象下定义需要使用的变量

一般约定 NODE_ENV 为环境变量名称

在项目中可以根据不同环境值进行差异化配置

在vue-cli3构建的项目中,默认 num run start 环境值为 development , num run build 环境值为 production ,当需要其他环境时,可安装 cross-env 插件

并在package.json中进行如下配置

则 npm run test 时,获取的环境值即为 test

在根目录下创建 vue.config.js 中进行配置

为了实现这一需求，啊啊啊啊啊~简直要疯了；设计数据类型，读取数据，添加数据....一系列问题。记录开发不易啊，各种细节处理，调试。

1.点击选中复选框，下面出现复选框选中项

2.不选中复选框时，不出现

3.同时输入框也是可以动态添加的

4.也可以指定项删除

具体实现效果图如下:

1.搭建Vue环境

2.引入elementUI依赖，这里是全局引入的

3.路由router，本项目引入了，看个人需要引入

行为方法：

数据格式：

---