vue vux 코드 설명 추가

1440 단어 vuevux
간단 한 소개
Vux(독음[v'ju:z],같은 views)는 WeUI 와 Vue(2.x)를 기반 으로 개발 한 모 바 일 UI 구성 요소 라 이브 러 리 로 주로 위 챗 페이지 에 서 비 스 를 제공 합 니 다.
웹 팩+vue-loader+vux 를 기반 으로 모 바 일 페이지 를 빠르게 개발 할 수 있 으 며,vux-loader 와 결합 하여 WeUI 를 바탕 으로 필요 한 스타일 을 맞 출 수 있 습 니 다.
vux-loader 는 구성 요소 가 필요 에 따라 사용 하도록 보장 하기 때문에 최종 적 으로 vux 의 구성 요소 라 이브 러 리 코드 를 포장 하 는 것 은 걱정 하지 않 아 도 됩 니 다.
vux 는 WeUI 에 전적으로 의존 하 지 는 않 지만 전체적인 UI 스타일 이 WeUI 에 가 까 운 디자인 규범 을 유지 하도록 합 니 다.최초의 목 표 는 사용 하기 쉽 고 실 용적 이 며 아름 다운 모 바 일 UI 구성 요소 라 이브 러 리 를 만 드 는 것 이 었 습 니 다.지금 은 이상 적 인 상태 에서 많은 거리 가 있 기 때문에 문제 와 공헌 코드 를 신속하게 피드백 해 야 합 니 다.
1.vux 추가 명령npm install vux --save2,build/webpack.base.conf.js 에서 설정

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.less 추가

npm install less less-loader --save-dev
4.Yml-loader 추가

npm install yaml-loader --save-dev
5.vux-loader 추가

npm install vux-loader --save-dev
6.main.js 에 추가

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

좋은 웹페이지 즐겨찾기