vue 프로젝트 에서 mint - ui 모 바 일 UI 구성 요 소 를 사용 합 니 다.
$npm install mint - ui -- save (vue - loader, vue - template - compiler 가 설치 되 어 있 지 않 으 면 설치)
2. webpack. config. js 가 정의 하 는 가리 키 는 entry 파일 (02 - main. js)
import Vue from 'vue';// vue
import mintUI from 'mint-ui';// mint-ui
Vue.use(mintUI);
import App from './App.vue';// App.vue vue
import 'mint-ui/lib/style.min.css' // mint-ui css, ， index2.html <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css"> let vm = new Vue({ el:'#app', //render:function(create){create()} //es5 render:c=>c(App) //es6 });3. 주 vue 파일 (App. js)
default
primary
danger
<span style="color:#000000;">
import { Toast } from </span>'mint-ui'<span style="color:#000000;">; // mint <span style="color:#ff0000;"> </span> ， <span style="color:#ff0000;">css </span>， （02-mian.js） </span><span style="color:#ff0000;">import 'mint-ui/lib/style.min.css'</span></pre>
<pre><span style="color:#000000;">export </span><span style="color:#0000ff;">default</span><span style="color:#000000;">{ <br>data(){ </span><span style="color:#0000ff;">return</span><span style="color:#000000;">{ } }, <br>methods:{ tip(){ Toast({ message: </span>'erojwejvnnvnkdjdffk'<span style="color:#000000;">, position: </span>'bottom'<span style="color:#000000;">, duration: </span>1000<span style="color:#000000;"> }) } } } <br></span>
.。。
다음으로 전송:https://www.cnblogs.com/cjuan/p/9707109.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
