iviewadmin iview _秒懂生活

小程序的 iview Weapp 组件库的使用iview 这个 UI 框架想必大家都很熟了，这个搞 Vue 框架的基本素养。下面来看看小程序版的。
商城小程序必备的数字输入框。
在 .json 中引入组件
在 .wxml 中引入
下面是运行的效果，总的来看还是不错的。
还有个常用的动作面板。
从底部弹出的模态框，提供和当前场景相关的 2 个以上的操作动作，也支持提供标题和描述。内置固定的展示样式、不支持特别灵活的修改。
在 .json 中引入组件
在 .wxml 中引入组件
这个动作面板和微信小程序原生的动作面板有啥视觉的区别，一起来看看：
【iviewadmin iview】总的来讲 iview 还比较好看的。
更多用法去参考：
另外有赞出品的 vant 框架小程序版，使用方法去看小程序如何使用 npm 工具

文章插图
iview内存泄漏iview在升级到view-design之前，是存在严重的内存泄漏问题的，而如果你在项目中大量使用了iview组件，就可能面临大量的升级工作要做，因为样式很多是不兼容的。
我们今天就看一下iview的源码，看看到底问题在哪里？为什么会导致内存泄漏？
首先进入iview官网，安装老版iview2.0 。
我们看一下常用的table组件吧：
我们可以看到，在beforeDestory周期中，只释放了挂载的resize事件，并未释放this下注册的自定义事件on-visible-change，这就会导致运行一段时间，this下挂载的自定义事件越来越多，从而导致内存的泄漏。
我们再看看升级后的view-design：
我们一定要重视beforeDestroy生命周期的作用，将dom的引用、所有注册的事件都要释放掉，防止内存泄漏的产生。
iView怎么用？我正在使用iview，首先保证系统有node.js, 可以支持npm安装，然后按照下面的简单步骤进行：
npm install iview --save
这样在你的package.json可以看到：
"dependencies": {
"axios": "^0.16.2",
"iview": "^2.0.0-rc.13",
在你的main.js这种文件里面（也就是你的工程里面new Vue的那个文件），加入下面代码：
import iView from 'iview';
Vue.use(iView);
然后在自己新加的component 里面，你就可以直接使用iview的控件了，例如Table，很方便也很美观。
最后推荐你研究下iview-admin这个，如果是做一个简单的网站，比如cms管理，你可以直接下载他们的工程，参考他们的代码，甚至直接这个工程进行修改。

iviewadmin iview

秒懂生活扩展阅读