vue引入iview4.0+

一叶知秋乔一

已于 2022-03-07 22:54:20 修改

阅读量666

点赞数

分类专栏： vue 笔记文章标签： vue.js

于 2022-03-07 22:52:58 首次发布

本文链接：https://blog.youkuaiyun.com/pxyyoona/article/details/123342126

版权

笔记同时被 2 个专栏收录

35 篇文章

订阅专栏

vue

6 篇文章

订阅专栏

本文介绍了如何在Vue项目中使用iView库，通过一个包含<Slider>组件和数据绑定的示例，展示了如何在模板、脚本和样式中整合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在main.js中引入以下代码
import iView from 'view-design'
import 'view-design/dist/styles/iview.css'
Vue.use(iView)

示例如下：
<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <Slider v-model="value" range />
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: '你好',
      value: [20, 50]
    }
  }
}
</script>

<style scoped>
h1{
  font-weight: normal;
}
</style>