vue中iView是什么?


当前第2页 返回上一页

在webpack中按需使用组件,可以减少文件体积:

1

import Input from 'iview/src/components/input';

注意:

① 按需引用仍需要导入样式,即在 main.js 或根组件执行 import 'iview/dist/styles/iview.css';

② 按需引用是直接引用的组件库源代码,需要借助 babel 进行编译,以 webpack 为例:

1

2

3

4

5

6

module: {

        rules: [

            { test: /iview.src.*?js$/, loader: 'babel' },

            { test: /\.js$/, loader: 'babel', exclude: /node_modules/ }

        ]

}

组件使用规范

使用:prop传递数据格式为数字、布尔值或函数时,必须带:(即,使用v-bind),它的值会被当做JavaScript表达式计算,否则会被当做字符串。

正确的使用方法:

1

<Page :current="1" :total="10"></Page>

错误的使用方法:

1

<Page current="1" total="10"></Page>

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程视频课程!!

以上就是vue中iView是什么?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue 动态加载 vuex

29道vue高频面试题(纯干货)

render函数生成图片弹窗的代码示例

详解vue中watch如何使用?watch用法介绍

vue 3.2发布啦,站起来继续学!

如何解决vue中layui报错问题

vue中递归组件的实现方法介绍(附实例:三级菜单)

vue路由跳转的三种方式是什么

vue和react中dom的区别

vue兄弟组件传值有哪五种方法

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...