首先,安裝iview前,我們需要確保已經安裝了Vue。
安裝Vue的方式有多種,這里我們以npm為例:
npm install vue
安裝完成后,我們可以開始安裝iview。
同樣使用npm,命令如下:
npm install iview --save
安裝完成后,還需要在Vue的主入口文件中引入iview。
這里以main.js為例:
import Vue from 'vue'; import iView from 'iview'; import 'iview/dist/styles/iview.css'; Vue.use(iView);
如果你的項目使用的是vue-cli 3.x的話,可能還需要在babel.config.js文件中配置以下的iview的按需引入插件以避免全局引入過多iview組件導致的打包過大或者影響打包速度等因素:
module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ [ "import", { "libraryName": "iview", "libraryDirectory": "src/components", "style": true } ] ] }
現在你就可以開始在Vue組件中使用iview的組件了,比如這樣:
<template> <div> <Button type="primary">Primary</Button> </div> </template> <script> import { Button } from 'iview'; export default { components: { Button } } </script>
下一篇mysql修改set