mui 是一個輕量級的前端框架,可以讓我們快速地開發出漂亮且高效的移動端應用。如果你想更好地使用mui,那么搭載vue是非常不錯的選擇。 在使用vue搭載mui的時候,我們需要先獲取mui的js和css文件,可以直接從官網上下載。然后將它們引入到vue的入口文件中:
import './assets/mui.min.css' import './assets/mui.min.js'在主組件中,我們需要在mounted鉤子中初始化mui,并且綁定mui的一些事件。
mounted() { mui.init() mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005 }) }接下來,我們可以利用mui提供的組件,比如表單、按鈕、下拉框等等,來構建我們的應用界面。
最后,我們需要記得在vue的實例中引入mui的全局的命名空間。
import mui from 'mui' Vue.prototype.$mui = mui這樣,我們就可以在vue組件中愉快地使用mui啦!