vant官网：https://youzan.github.io/vant/#/zh-CN/col

需求是用vue做一个移动端商城，查了一些前端框架，就这个还合适，

按照文档上面所说的组件按需引用的写法如下：

import { Row, Col } from 'vant';

Vue.use(Row).use(Col);

然后再页面上写对应的HTML代码：

<van-row>
  <van-col span="8">span: 8</van-col>
  <van-col span="8">span: 8</van-col>
  <van-col span="8">span: 8</van-col>
</van-row>

会报错，，

比如找不到vue啊什么的。。。

正确的引用方式应该是下面这个样子的：

import { Swipe, SwipeItem, Row, Col } from "vant";
export default {
  name: "index",
  components: {
    [Swipe.name]: Swipe,
    [SwipeItem.name]: SwipeItem,
    [Row.name]: Row,
    [Col.name]: Col
  },
  data() {
    return {
    };
  }
};