vue - cli 프로젝트 총화
방법: 웹 팩. bash. config. js 파일 에 경 로 를 설정 하 는 별명
resolve: {
alias: {
'static': path.resolve(__dirname, '../static'),
'components': path.resolve(__dirname, '../src/components'),
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
},
}
__dirname 은 현재 설정 파일 의 절대 경로 입 니 다. 뒤쪽 경 로 는 이 경로 에 대한 값 입 니 다.
2: 프로젝트 에 위 챗 을 도입 하 는 sdk 방법
1) weixin - js - sdk 설치
npm install --save-dev weixin-js-sdk
2) 프로젝트 에 도입 하 다
import wx from 'weixin-js-sdk'
3: remi 설정
1) postcss - pxtorem 설치
2) postcssrc. js 프로필 설정
module.exports = {
"plugins": {
// to edit target browsers: use "browserslist" field in package.json
"autoprefixer": {},
"postcss-pxtorem": {
rootValue: 32,
unitPrecision: 5,
propWhiteList: [],
selectorBlackList: ['className'],
replace: true,
mediaQuery: false,
minPixelValue: 2
}
}
}
4: 수요: 배경 에서 얻 은 데이터 에 대해 판단 처 리 를 한 후에 페이지 에 렌 더 링 해 야 합 니 다.
실현 방법:
1) 사용자 정의 필터
2) methods 를 써 서 데 이 터 를 처리 한 다음 템 플 릿 에서 호출 방법 으로 데 이 터 를 처리 합 니 다.
1 methods: {
2 formatData (data) {
3 if (data.indexOf('||') > -1) {
4 let html = ''
5 data.split('||').forEach((item) => {
6 html += `${item}
`
7 })
8 return html
9 } else {
10 return data
11 }
12 }
13 }
1 // jade
2
3
4 ul
5 li(v-for="(item, index) in commonInfo")
6 .info(v-html='formatData(item)')
5: 전역 적 으로 jquery 와 swiper 도입
1) index. html 페이지 에 jquery. min. js 와 swiper. min. js 를 도입 합 니 다. swiper.min.css
2). eslintrc. js 에 전역 설정
module.exports = {
root: true,
……
……
……
'globals': {
"Swiper": true,
"$": true
}
}
3) 각 페이지 에서 직접 사용 할 수 있 으 므 로 더 이상 도입 할 필요 가 없다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.