background/preface涔嬪墠鏄竴涓姛鑳介渶姹傦紝闇€瑕佸湪椤甸潰鎺ユ敹娑堟伅锛屼竴鏃︽湁鏂版秷鎭渶瑕侀搩澹版彁閱掋€傚洜涓烘病鏈夋壘鍒扮被浼兼柟渚跨殑缁勪欢锛屾墍浠ヨ嚜宸卞啓浜嗕竴涓€傜劧鍚庢垜鎯宠兘涓嶈兘灏濊瘯鎶婂畠鍋氭垚涓€涓叕鍏辩粍浠讹紝鍙戝竷缁欏叾浠栧紑鍙戣€呬娇鐢紵浜庢槸灏濊瘯鍐欎簡涓€涓」鐩紙椤圭洰鍦板潃鍦ㄦ枃鏈級锛屽彂甯冧负npm鍖呫€傜洰鍓嶈缁勪欢宸茬粡鍙戝竷鍦╪pm涓婏紝娆㈣繋澶у璇曠敤銆傚鏋滃ぇ瀹舵湁濂界殑寤鸿锛屾垨鑰呮壘鍒版洿濂界殑绫讳技缁勪欢锛岃鎸囧嚭骞跺垎浜珇杩欓噷鏄娇鐢ㄦ枃妗ｏ細缁勪欢浣跨敤瀹夎npmieasy-ringloading1锛夊湪vue鐨刴ain.js涓婁綔涓烘彃浠跺叏灞€浣跨敤-cliproject浣跨敤锛屽彲浠ュ湪vue鍗曟枃浠剁粍浠朵腑鐩存帴浣跨敤//main.jsimportEasyRingfrom'easy-ring'Vue.use(EasyRing)template>exportdefault{...}2锛塱mport鏂规硶灏?template>寮曞叆vue鍗?鏂囦欢缁勪欢浠?easy-ring'瀵煎叆EasyRing瀵煎嚭榛樿鍊納components:{EasyRing}...}绗竴姝ュ紑鍚搩澹帮細璁剧疆open鍙傛暟涓簍rue姝ラ2.鍝嶉搩锛氳缃畆ing鍙傛暟涓簍rue姝ラ3.鍏抽棴閾冨０锛氳缃畆ing鍙傛暟涓篺alse鍙傝銆妎pen鍙傛暟璇存槑銆嬧€濅笅闈㈢殑瑙ｉ噴锛夈€備负浜嗘彁楂樿嚜宸变骇鍝佺殑鐢ㄦ埛浣撻獙锛屽彲浠ヨ鐢ㄦ埛涓嶇煡涓嶈銆備緥濡傚湪鐧诲綍鏃讹紝鐢ㄦ埛鍙互鐐瑰嚮鈥滅櫥褰曗€濇寜閽紝灏唎pen鍙傛暟璁剧疆涓簍rue锛屽苟鏍规嵁鑷繁鐨勯渶瑕佸喅瀹氫粈涔堟椂鍊欏搷閾冿紝浠€涔堟椂鍊欏叧閾冦€傜幆鍙傛暟鐨勫彉鍖栧彲浠ユ斁鍦ㄧ浉搴旂殑閫昏緫涓嬨€傜粍浠跺弬鏁板弬鏁板悕绉扮被鍨嬮粯璁ゅ€艰鏄巓penBooleanfalse寮€鍚搩澹皉ingBooleanfalse鏄惁鍝嶉搩srcString榛樿閾冨０閾冨０闊抽鏂囦欢鍦板潃浣跨敤榛樿闊虫晥濡傞渶浣跨敤榛樿闊虫晥锛岃杩涘叆./main.js鏂囦欢寮曞叆default//main.js涓殑澹伴煶鏁堟灉require('easy-ring/easy-ring-default.wav')鐒跺悗灏嗚繖娈典唬鐮佸悎骞跺埌浣犵殑vue.config.js閰嶇疆涓細configureWebpack:{module:{rules:[{test:/easy-ring-default\.(wav)$/i,loader:'file-loader',options:{name:'media/[name].[ext]'},},]}}required鐨勫師鍥犳坊鍔犺繖涓厤缃槸vue-cli榛樿缁欐墍鏈夋墦鍖呭ソ鐨勯潤鎬佽祫婧愬姞涓婁竴涓猦ash鐗堟湰鍙凤紝杩欐牱easy-ring灏辨棤娉曡幏鍙栧埌浣犵洰褰曚笅榛樿闊抽鏂囦欢鐨勫湴鍧€銆傛坊鍔犺繖涓猣ile-loader閰嶇疆鍚庯紝easy-ring榛樿鐨勯煶棰戞枃浠朵笉浼氭惡甯ash鐗堟湰鍙凤紝鎵€浠asy-ring鍙互鎵惧埌銆俹pen鍙傛暟鐨勮В閲婃槸鍥犱负鐩墠澶ч儴鍒嗘祻瑙堝櫒閮戒笉鏀寔鑷姩鎾斁闊抽锛岄渶瑕佺敤鎴蜂富鍔ㄨЕ鍙戞挱鏀鹃煶棰戙€傝繖涓繃绋嬮渶瑕佹斁鍦ㄤ竴涓氦浜掍簨浠朵腑锛屾瘮濡傜偣鍑伙紝鎵€浠ユ垜浠渶瑕佷竴涓被浼兼寜閽殑涓滆タ鏉ヨЕ鍙戣繖涓涓恒€備絾鏄紝鎮ㄥ彲浠ラ€氳繃涓€浜涗氦浜掓潵璁捐杩欑琛屼负锛屼互鏀瑰杽鐢ㄦ埛浣撻獙锛岀敋鑷虫棤闇€璁╃敤鎴锋剰璇嗗埌杩欎竴鐐广€備緥濡傦細鐧诲綍鏃讹紝褰撶敤鎴风偣鍑烩€滅櫥褰曗€濇寜閽椂锛屽湪浠ｇ爜涓缃畂pen鍙傛暟涓簍rue銆傞」鐩湴鍧€github涓婄殑鍦板潃锛歟asy-ring濡傛灉涓嶈兘璁块棶github锛屽彲浠ヨ瘯璇曡繖涓暅鍍忓湴鍧€锛歠astgit闀滃儚鏈変袱涓」鐩枃浠讹細easy-ring-build锛氭瀯寤簄pm鍙戝竷鍖卐asy-ring-demo锛歶seexamplewelcome澶у璁块棶浜ゆ祦馃榾銆傜浉鍏宠鏄庡拰浠嬬粛鍙互鍒嗗埆闃呰鍏朵腑鐨凴EADME.md
