Detaillierte Erläuterung der Vue-Methode zum Hinzufügen von VUX-Code

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. js Mittlere Konfiguration

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

3. Weniger hinzufügen

npm install less less-loader --save-dev

4. Yaml-Loader hinzufügen

npm install yaml-loader --save-dev

5. Vux-Loader hinzufügen

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)

in main.js hinzu. Verwandte Empfehlungen:

Grafiken und Text erklären, wie man schnell eine Vue.js-Entwicklungsumgebung erstellt

Details dazu, wie Vue-cli domänenübergreifende Anfragen implementiert

Details zur Vue.js-Plug-in-Entwicklung

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Vue-Methode zum Hinzufügen von VUX-Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!