说明

最基本的，直接依赖 cdn 的方式。

引入

    
    用户首页

大部分的直接按照官方使用即可。

比如最简单的分割线

但是也存在一些问题。

message 无法正常使用

查了很多答案，使用 require, import

但是最基本的 cdn 实际上是不支持这些的。

doQuery() {
    var req = {
        userId: this.queryForm.userId,
        userName: this.queryForm.userName,
        pageNum: this.page.pageNum,
        pageSize: this.page.pageSize
    }
    //axios 中的 this 并不指向 vue
    var _this = this;
    axios.post('/user/list', req).then(function (response) {
        if(response.data.respCode === '0000') {
            _this.tableData = response.data.list;
            _this.page.total = response.data.total;
        } else {
            ELEMENT.Message.error(response.data.respMessage);
        }
    }).catch(function (error) {
        ELEMENT.Message.error("请求失败");
        console.log(error);
    });
},

后来发现使用 ELEMENT.Message.error("请求失败"); 可以正常输出。

参考资料

CDN方式使用ElementUI的Message组件