Wie füge ich Vux in Vue hinzu?

Fügen Sie vux über den Befehl npm install vux --save hinzu, konfigurieren Sie die Informationen in der entsprechenden Konfigurationsdatei. Informationen zu bestimmten Methoden zum Hinzufügen von Code finden Sie in diesem Artikel

Einführung

Vux (ausgesprochen [v'ju:z], dasselbe wie „views“) ist eine mobile UI-Komponentenbibliothek, die auf Basis von WeUI und Vue (2.x) entwickelt wurde und hauptsächlich WeChat-Seiten bedient.

Basierend auf Webpack+vue-loader+vux können Sie schnell mobile Seiten entwickeln. Mit vux-loader können Sie die benötigten Stile basierend auf WeUI anpassen.

vux-loader stellt sicher, dass Komponenten bei Bedarf verwendet werden, sodass Sie sich nicht darum kümmern müssen, irgendwann den gesamten Code der Vux-Komponentenbibliothek zu packen.

vux ist nicht vollständig von WeUI abhängig, aber versuchen Sie, den gesamten UI-Stil nahe an den Designspezifikationen von WeUI zu halten. Das ursprüngliche Ziel bestand darin, eine benutzerfreundliche, praktische und schöne mobile UI-Komponentenbibliothek zu erstellen. Allerdings ist sie noch weit vom Idealzustand entfernt, sodass jeder zeitnah Feedback zu Problemen geben und Code beisteuern muss.

1. Befehl zum Hinzufügen von vux

npm install vux --save

2. Konfigurieren Sie

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
//即将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: [{
  name: 'vux-ui'
 }]
})

<🎜 in build/webpack.base.conf.js >

3. Weniger hinzufügen

npm install less less-loader --save-dev

4. Yaml-Loader hinzufügen

npm install yaml-loader --save-dev

5 🎜>

npm install vux-loader --save-dev

6. Fügen Sie

const FastClick = require('fastclick')
FastClick.attach(document.body)
import VueRouter from 'vue-router'
Vue.use(VueRouter)

zu main.js hinzu. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird. Verwandte Artikel:

So verwenden Sie das Mobiltelefonnummern-Verifizierungstool PhoneUtils in JavaScript

Verwandte Funktionen im WeChat-Applet Zusammenfassung ( ausführliches Tutorial)

So implementieren Sie den Download-Fortschrittsbalken im WeChat-Miniprogramm

Das obige ist der detaillierte Inhalt vonWie füge ich Vux in Vue hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!