浣滆€?| Jeskson鎺橀噾 | https://juejin.im/user/5a16e1...Vue.js鐨勫垱寤鸿€呬负灏ら洦婧紝2014骞达紝Vue.js姝ｅ紡鍙戝竷锛?015骞达紝姝ｅ紡鍙戝竷1.00鐗堟湰銆俈UE.JS涓烘笎杩涘紡鐨凧avaScript妗嗘灦锛屽０鏄庡紡娓叉煋锛岀粍浠剁郴缁燂紝瀹㈡埛绔矾鐢憋紝闆嗕腑寮忕姸鎬佺鐞嗭紝椤圭洰鏋勫缓銆倂ue.js鏄竴濂楃敤浜庢瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮忔鏋讹紝涓庡叾瀹冨ぇ鍨嬫鏋朵笉鍚岀殑鏄紝Vue琚璁″彲浠ヨ嚜搴曞悜涓婇€愬眰搴旂敤锛寁ue.js鐨勬牳蹇冨簱鍙叧蹇冭鍥惧眰锛屽緢瀹规槗涓婃墜锛屼篃渚夸簬鍜岀涓夋柟搴撴垨鑰呮槸鏃㈡湁鐨勯」鐩暣鍚堛€倂ue鐨勪紭鐐癸紝鏄撶敤锛屽氨鏄彲浠ュ揩閫熶笂鎵媣ue锛岀伒娲伙紝灏辨槸鍙互鍦ㄤ竴涓簱鍜屼竴濂楀畬鏁存鏋朵箣闂磋嚜鍏ヤ几缂╋紝楂樻晥锛屾枃浠跺ぇ灏?0kb杩愯澶у皬锛屾彁渚涜秴蹇殑铏氭嫙DOM銆備紶缁熷紑鍙戞ā寮忕殑浠ｇ爜锛欽avaScript鍘熺敓浠ｇ爜锛?lt;div id = "msg"> </div><script type="text/javascript"> var msg = 'hello dada'; var div = document.getElementById("msg"); div.innerHTML = msg;</script>jquery浠ｇ爜锛?lt;div id="msg"></div><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript"> var msg = "hello da"; $('#msg').html(msg);</script>Vue鐨勫熀鏈搷浣滐紝鍚戜笘鐣岄棶濂斤紒<div id="app> <div>{{msg}}</div></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript"> new Vue({ el: '#app', data: { msg: 'hello world' } })</script>vue鐨勪娇鐢ㄨ繃绋嬶紝闇€瑕佹彁渚涙爣绛剧敤浜庡～鍏呮暟鎹紝寮曞叆vue.js搴撴枃浠讹紝鍙互浣跨敤vue鐨勮娉曞仛鍔熻兘锛屾妸vue鎻愪緵鐨勬暟鎹～鍏呭埌鏍囩閲岄潰銆俥l灞炴€э紝鍏冪礌鐨勬寕杞戒綅缃紝鍊煎彲浠ユ槸css閫夋嫨鍣ㄦ垨鑰呮槸dom鍏冪礌data灞炴€э紝妯″瀷鏁版嵁锛屽€兼槸涓€涓璞℃彃鍊艰〃杈惧紡鐢ㄦ硶灏嗘暟鎹～鍏呭埌HTML鏍囩涓紝鎻掑€艰〃杈惧紡鏀寔鍩烘湰鐨勮绠楁搷浣渧ue浠ｇ爜杩愯鐨勫師鐞唙ue璇硶鍒板師鐢熻娉曪紝vue鐨勮娉曢€氳繃vue妗嗘灦缂栬瘧鎴愬師鐢熺殑浠ｇ爜銆倂ue鐨勬ā鏉胯娉曞浣曠悊瑙ｅ墠绔覆鏌擄紵鎶婃暟鎹～鍏呭埌HTML鏍囩涓ā鏉垮拰鏁版嵁-銆嬪墠绔覆鏌?銆嬮潤鎬丠TML鏂囦欢鍓嶇娓叉煋鏂瑰紡锛氬師鐢焜s鎷兼帴瀛楃涓诧紝浣跨敤鍓嶇妯℃澘寮曟搸锛屼娇鐢╲ue鐗规湁鐨勬ā鏉胯娉曞師鐢焜s鎷兼帴瀛楃涓诧紝灏辨槸灏嗘暟鎹互瀛楃涓茬殑鏂瑰紡鎷兼帴鍒癏TML鏍囩涓€備粈涔堟槸鎸囦护锛熶粈涔堟槸鑷畾涔夊睘鎬э紝鎸囦护鐨勬湰璐ㄥ氨鏄嚜瀹氫箟鐨勫睘鎬э紝鎸囦护鏍煎紡浠-寮€澶存寚浠-cloak鎻掑€艰〃杈惧紡瀛樺湪涓€涓棶棰橈紝鈥滈棯鍔ㄢ€濋棶棰橈紝灏辨槸鍒锋柊鐨勬椂鍊欎細鍑虹幇闂姩鐨勬晥鏋滐紝濡備綍瑙ｅ喅闂锛屼娇鐢╲-cloak鎸囦护锛岃В鍐宠繖涓棶棰樼殑鍘熺悊锛屽厛闅愯棌锛屾浛鎹㈠ソ鍊间箣鍚庡啀鏄剧ず鏈€缁堢殑鍊笺€倂-cloak锛屼笉闇€瑕佽〃杈惧紡锛岀敤娉曪紝杩欎釜鎸囦护淇濇寔鍦ㄥ厓绱犱笂鐩村埌鍏宠仈瀹炰緥缁撴潫缂栬瘧锛屽拰css瑙勫垯濡?[v-cloak] {display: none} 涓€璧风敤鏃讹紝杩欎釜鎸囦护鍙互闅愯棌鏈紪璇戠殑mustache鏍囩鐩村埌瀹炰緥鍑嗗瀹屾瘯銆傜ず渚嬶細鏍囧噯鐨勫睘鎬ч€夋嫨鍣╗v-cloak] { display: none;}<div v-cloak> {{message}}</div>涓嶄細鏄剧ず锛岀洿鍒扮紪璇戠粨鏉熴€倂-cloak鎸囦护鐨勭敤娉曠涓€姝ヤ娇鐢ㄦ彁渚涚殑鏍峰紡[v-cloak] { display: none;}绗簩姝ワ紝鍦ㄦ彃鍊艰〃杈惧紡鎵€鍦ㄧ殑鏍囩涓坊鍔爒-cloak鎸囦护鏈川鍘熺悊锛屽厛閫氳繃鏍峰紡闅愯棌鍐呭锛岀劧鍚庡湪鍐呭瓨涓繘琛屽€肩殑鏇挎崲锛屾浛鎹㈠ソ涔嬪悗鍦ㄦ樉绀烘渶缁堢殑缁撴灉銆傛暟鎹粦瀹氱殑鎸囦护v-text濉厖绾枃鏈紝v-html濉厖HTML浠ｇ爜锛寁-pre濉厖鍘熷淇℃伅v-text锛宻tring锛屾洿鏂板厓绱犵殑textContent绀轰緥锛?lt;span v-text="msg"></span><span>{{msg}}</span>v-html锛宻tring锛屾洿鏂板厓绱犵殑innerHTML锛屽唴瀹规寜鐓ф櫘閫欻TML鎻掑叆锛屼笉浼氫綔涓簐ue妯℃澘杩涜缂栬瘧锛屽鏋滆瘯鍥句娇鐢╲-html缁勫悎妯℃澘锛屽彲浠ラ噸鏂拌€冭檻鏄惁閫氳繃浣跨敤缁勪欢鏉ユ浛浠ｃ€傚湪缃戠珯涓婂姩鎬佹覆鏌撲换鎰廐TML鏄緢鍗遍櫓鐨勶紝瀹规槗瀵艰嚧xss鏀诲嚮锛屽彧鍦ㄥ彲淇″唴瀹逛笂浣跨敤v-html锛屾案涓嶇敤鍦ㄧ敤鎴锋彁浜ょ殑鍐呭涓娿€傚湪鍗曟枃浠剁粍浠堕噷锛宻coped鐨勬牱寮忎笉浼氬簲鐢ㄥ湪v-html鍐呴儴锛屽洜涓洪偅閮ㄥ垎HTML娌℃湁琚玽ue鐨勬ā鏉跨紪璇戝櫒澶勭悊锛屽鏋滀綘甯屾湜閽堝v-html鐨勫唴瀹硅缃甫浣滅敤鍩熺殑css锛屼綘鍙互鏇挎崲涓篶ss modules鎴栫敤涓€涓澶栫殑鍏ㄥ眬<style>鍏冪礌鎵嬪姩璁剧疆绫讳技bem鐨勪綔鐢ㄥ煙绛栫暐銆倂-html濉厖HTML鐗囨锛屽瓨鍦ㄥ畨鍏ㄩ棶棰樼殑锛屽彧鏈夊湪鏈綉绔欏唴閮ㄦ暟鎹彲浠ヤ娇鐢紝绗笁鏂圭殑鏁版嵁涓嶅彲浠ヤ娇鐢ㄣ€倂-pre濉厖鍘熷淇℃伅浠€涔堟槸鍘熷淇℃伅锛屽氨鏄鏋滄槸锛屼笉鐢ㄧ紪璇戯紝璺宠繃缂栬瘧杩囩▼<div v-pre>{{msg}}</div>浼氬鑷存樉绀虹粨鏋滀负锛?{{msg}}鎸囦护鏁版嵁鍝嶅簲寮忥紝HTML5涓殑鍝嶅簲寮忥紝鏁版嵁鐨勫搷搴斿紡锛屼粈涔堟槸鏁版嵁缁戝畾锛焩-once鍙細缂栬瘧涓€娆°€侶TML5涓殑鍙樺寲锛屽睆骞曞昂瀵哥殑鍙樺寲浼氬鑷存牱寮忕殑鍙樺寲锛屾暟鎹殑鍝嶅簲寮忔寚鏁版嵁鐨?鍙樺寲瀵艰嚧椤甸潰涓唴瀹圭殑鍙樺寲銆傛暟鎹粦瀹氬浣曠悊瑙ｏ紝灏辨槸鎻掑€艰〃杈惧紡鏄皢鏁版嵁濉厖鍒版爣绛句腑銆傜紪璇戯紝vue鐨勬ā鏉垮唴瀹瑰氨瑕侀€氳繃vue鐨勭紪璇戣繃绋嬶紝v-once鍙紪璇戜竴娆★紝鏄剧ず鍐呭涔嬪悗涓嶅啀鍏锋湁鍝嶅簲寮忓姛鑳姐€傚弻鍚戞暟鎹粦瀹歷-model鎸囦护鐨勭敤娉?lt;input type="text" v-model="name"/>MVVM璁捐鎬濇兂锛氭妸涓嶅悓鐨勫姛鑳戒唬鐮佹斁鍒颁笉鍚岀殑妯″潡閲岄潰M,modelv,VIEWVM锛寁iew-model妯″瀷锛屾暟鎹紝鐢ㄥ埌鐨勬暟鎹紝瑙嗗浘锛屽氨鏄痙om鍏冪礌锛屾ā鏉匡紝vm锛屼袱鑰呯殑缁撳悎锛屾妸涓よ€呰仈鍚堝埌涓€璧枫€傛牳蹇冩€濇兂锛屽垎鑰岄涔嬶紝浜嬩欢鐩戝惉锛屾暟鎹粦瀹氥€備簨浠剁粦瀹氾紝濡備綍澶勭悊浜嬩欢锛寁-on鎸囦护鐨勭敤娉?lt;input type="button" v-on:click="num++"/><input type="button" @click="num++"/>浜嬩欢鍑芥暟鐨勮皟鐢ㄧ洿鎺ョ粦瀹氬嚱鏁板悕绉?lt;button v-on:click="da">dada</button>璋冪敤鍑芥暟<button v-on:click="da()">dada</button>浜嬩欢鍑芥暟鍙傛暟浼犻€掓櫘閫氬弬鏁板拰浜嬩欢瀵硅薄<button v-on:click='da("da",$event)'>da</button>闃绘浜嬩欢鍐掓场dada: function(event) { event.stopPropagation();}浜嬩欢淇グ绗?stop 闃绘鍐掓场<a v-on:click.stop = "dada">璺宠浆</a>.prevent 闃绘榛樿琛屼负<a v-on:click:prevent="dada">璺宠浆</a>浜嬩欢澶勭悊鐩戝惉浜嬩欢鍙互鐢╲-on鎸囦护鐩戝惉dom浜嬩欢锛屽苟鍦ㄨЕ鍙戞椂杩愯涓€浜汮avaScript浠ｇ爜銆傜ず渚嬶細<div id="dada"> <button v-on:click="counter += 1">da da</button> <p>dada {{counter}} </p></div>var vm = new Vue({ el: '#dada', data: { counter: 0 }})鍐呰仈澶勭悊鍣ㄤ腑鐨勬柟娉曢櫎浜嗙洿鎺ョ粦瀹氬埌涓€涓柟娉曪紝涔熷彲浠ュ湪鍐呰仈鐨凧avaScript璇彞涓皟鐢ㄦ柟娉?lt;div id="da"> <button v-on:click="say('hi')">dada</button></div>new Vue({ el: '#da', methods: { say: function(message) { alert(message) } }})浜嬩欢淇グ绗﹀湪浜嬩欢澶勭悊绋嬪簭涓皟鐢?event.preventDefault() 鎴?event.stopPropagation() 鏄潪甯稿父瑙佺殑闇€姹傘€?stop.prevent.capture.self.once.passive// 闃绘鍗曞嚮浜嬩欢缁х画浼犳挱<a v-on:click.stop = "doThis"></a>// 鎻愪氦浜嬩欢涓嶅啀閲嶈浇椤甸潰<form v-on:submit.prevent="onSubmit"></form>// 淇グ绗﹀彲浠ヤ覆鑱?lt;a v-on:click.stop.prevent="doThis"></a>// 鍙湁淇グ绗?lt;form v-on:submit.prevent></form>// 娣诲姞浜嬩欢鐩戝惉鏃朵娇鐢ㄤ簨浠舵崟鑾锋ā寮?/ 鍗充负鍏冪礌鑷韩瑙﹀彂鐨勪簨浠跺厛鍦ㄦ澶勭悊锛岀劧鍚庢墠浜ょ敱鍏冪礌杩涜澶勭悊<div v-on:click.capture="doThis"></div>// 鍙綋鍦╡vent.target鏄綋鍓嶅厓绱犺嚜韬Е鍙戝鐞嗗嚱鏁?/ 鍗充簨浠朵笉鏄粠鍐呴儴鍏冪礌瑙﹀彂鐨?lt;div v-on:click.self="doThat">..</div>鎸夐敭淇グ绗?/ .enter 鍥炶溅閿?lt;input v-on:keyup.enter="submit">// .delete鍒犻櫎閿?lt;input v-on:keyup.deleter="handle">浣跨敤淇グ绗﹁娉ㄦ剰椤哄簭锛岀浉搴旂殑浠ｇ爜浼氫互鍚屾牱鐨勯『搴忎骇鐢熴€倂-on:click.prevent.self 浼氶樆姝㈡墍鏈夌殑鐐瑰嚮v-on:click.self.prevent 鍙細闃绘瀵瑰厓绱犺嚜韬殑鐐瑰嚮鍏ㄩ儴鐨勬寜閿埆鍚嶏細.enter.tab.delete.esc.space.up.down.left.right鑷畾涔夋寜閿簨浠朵慨楗扮鍙互閫氳繃鍏ㄥ眬 config.keyCodes 瀵硅薄鑷畾涔夋寜閿慨楗扮鍒悕锛?/ 鍙互浣跨敤v-on:keyup.f1Vue.config.keyCodes.f1 = 112<body> <div id="app"> <input type="text" v-on:keyup.aaa="handle" v-model="info"> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> Vue.config.keyCodes.aaa = 65 var vm = new Vue({ el: '#app', data: { info: '' }, methods: { handle: function(event) { console.log(event.keyCode) } } });</script>搴旂敤瀹炰緥锛岀畝鍗曠殑璁＄畻鍣ㄩ渶姹傦紝瀹炵幇绠€鍗曠殑鍔犳硶璁＄畻锛屽垎鍒緭鍏ユ暟鍊糰鍜屾暟鍊糱锛岀偣鍑昏绠楁寜閽紝缁撴灉鏄剧ず鍦ㄤ笅闈?lt;body> <div id="app"><h1>璁＄畻鍣?lt;/h1><div><span>鏁板€糰</span><span><input type="text" v-model="a"></span></div><div><span>鏁板€糱:</span><span><input type="text" v-model="b"></span></div><div><button @:click="handle">璁＄畻</button></div><div><span>璁＄畻缁撴灉锛?lt;/span><span></span></div></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript"> var vm = new Vue({ el: '#app', data: { a: '', b: '', result: '' }, methods: { handle: function() { // 瀹炵幇璁＄畻閫昏緫 this.result = parseInt(this.a) + parseInt(this.b); } } });</script>灞炴€х粦瀹歷ue濡備綍鍔ㄦ€佸鐞嗗睘鎬у憿锛?/ v-bind鎸囦护<a v-bind:href="url">璺宠浆</a>// 缂╁啓鏂瑰紡<a :href="url">璺宠浆</a>鑰冨療v-model鎸囦护鐨勬湰璐?lt;body><div id="app"><input type="text" v-bind:value="msg" v-on:input="handle"></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript">var vm = new Vue({ el:'#app', data: { msg: 'dada', }, methods: { handle: function(event) { this.msg = event.target.value; } }})浼樺寲锛?lt;input type="text" v-bind:value="msg" v-on:input="msg=$event.target.value">鏍峰紡缁戝畾class鏍峰紡澶勭悊瀵硅薄璇硶<div v-bind:class="{ active: isActive }"></div>鏁扮粍璇硶<div v-bind:class="{activeClass, errorClass}"></div>鏁扮粍缁戝畾鏍峰紡鐨勮娉曪細<div v-bind:class="[activeClass, errorClass]'>dada</div>var vm = new Vue({ el: '#app', data: { activeClass: 'active', errorClass: 'error' }, methods: { handle: function(){ this.activeClass= '', this.errorClass= '', } }});瀵硅薄缁戝畾鍜屾暟缁勭粦瀹氬彲浠ョ粨鍚堜娇鐢紝class缁戝畾鐨勫€煎彲浠ョ畝鍖栨搷浣溿€倂-bind:class="[activeClass, errorClass, {test: isTest}]"// 鏁扮粍鐨勭畝鍖朼rrClasses: ['active', 'erro'],// 瀵硅薄鐨勭畝鍖杘bjClass: { active: true, error: true}style鏍峰紡澶勭悊// 瀵硅薄璇硶<div v-bind:style=" { color: activeColor, fontSize: fontsize }"></div>// 鏁扮粍璇硶<div v-bind:style="[baseStyle, overridingStyles]"></div>鍒嗘敮寰幆缁撴瀯v-ifv-elsev-else-ifv-showv-if 鎸囦护鐢ㄤ簬鏉′欢鎬у湴娓叉煋涓€鍧楀唴瀹广€傝繖鍧楀唴瀹瑰彧浼氬湪鎸囦护鐨勮〃杈惧紡杩斿洖 truthy 鍊肩殑鏃跺€欒娓叉煋銆?lt;h1 v-if="awesome">Vue is awesome!</h1>涔熷彲浠ョ敤 v-else 娣诲姞涓€涓€渆lse 鍧椻€濓細<h1 v-if="awesome">Vue is awesome!</h1><h1 v-else>Oh no 馃槩</h1><div v-if="type === 'A'"> A</div><div v-else-if="type === 'B'"> B</div><div v-else-if="type === 'C'"> C</div><div v-else> Not A/B/C</div>甯︽湁 v-show 鐨勫厓绱犲缁堜細琚覆鏌撳苟淇濈暀鍦?DOM 涓€倂-show 鍙槸绠€鍗曞湴鍒囨崲鍏冪礌鐨?CSS 灞炴€?display銆倂-if鍜寁-show鐨勫尯鍒玽-if鎺у埗鍏冪礌鏄惁娓叉煋鍒伴〉闈-show鎺у埗鍏冪礌鏄惁鏄剧ず锛屽凡缁忔覆鏌撳埌浜嗛〉闈㈠惊鐜粨鏋?/ v-for閬嶅巻鏁扮粍<li v-for="item in list">{{item}}</li><li v-for="(item, index) in list">{{item}}+","+{{index}}</li><li :key="item.id" v-for="(item,index) in list">{{item}}</li>key鐨勪綔鐢細甯姪vue鍖哄垎涓嶅悓鐨勫厓绱狅紝浠庤€屾彁楂樻€ц兘v-if鍜寁-for鐨勪娇鐢?/ v-for閬嶅巻瀵硅薄<div v-for="(value, key, index) in object"></div>// v-if鍜寁-for<div v-if="value==12" v-for="(value,key,index) in object"></div>for...in...寰幆涓嶅缓璁亶鍘嗘暟缁勶紝鍙亶鍘嗗璞″疄渚嬶細Vue瀹炵幇Tab閫夐」鍗′富瑕佹€濊矾:鐐瑰嚮涓嶅悓 tab 鑾峰彇 tab 閫夐」鍗′笅鏍囧苟涓哄叾鍔ㄦ€佺粦瀹氫竴涓猚lass(閫変腑鐘舵€佹椂鐨勬牱寮? 鐐瑰嚮鏃朵娇 tab 瀵瑰簲鐨勫唴瀹逛笅鏍囦笌 tab 閫夐」鍗′笅鏍囦繚鎸佷竴鑷?浣跨敤 v-show / v-if 鎸囦护鎺у埗鍐呭鏄剧ず涓庨殣钘?lt;div class="parts"> <span @click="func('A');" v-bind:class="{'active':(active=='A') }">A</span> <span @click="func('B');" v-bind:class="{'active':(active=='B') }">B</span> <span @click="func('C');" v-bind:class="{'active':(active=='C') }">C</span></div><div class="block block1" v-if="block=='A'"> A block</div><div class="block block1" v-if="block=='B'"> B block</div><div class="block block1" v-if="block=='C'"> C block</div><script> var app = new Vue({ el: '#app', data: { active:'A', block:'A' }, filter:{ }, watch:{ }, methods: { func:function(c){ this.active=C; this.block=C; } } });</script><template id="tp1"> <div id="nav"> <ul> <li v-for="item in array" @click="choose(item)" :class='content===item?"pink":"blue"'>{{item}}</li> </ul> <div id="div">{{content}}</div> </div></template><script> //鍒涘缓涓€涓粍浠? var component=Vue.extend({ template:"#tp1", data:function () { return{ content:"鍖椾含", array:["鍖椾含","涓婃捣","鏉窞","骞垮窞","娣卞湷"] } }, methods:{ choose:function (item) { this.content=item; } } }); //娉ㄥ唽涓€涓粍浠? Vue.component("test",component); new Vue({ el:"#app", data:{ name:"閫夐」鍗＄粍浠舵渚? } });</script><template> <div> <div id="tab"> <div class="tab-tit"> <a href="javascript:;" @click="curId=0" :class="{'cur':curId===0}">html</a> <a href="javascript:;" @click="curId=1" :class="{'cur':curId===1}">css</a> <a href="javascript:;" @click="curId=2" :class="{'cur':curId===2}">javascript</a> <a href="javascript:;" @click="curId=3" :class="{'cur':curId===3}">vue</a> </div> <div class="tab-con"> <div v-show="curId===0"> html<br/> </div> <div v-show="curId===1"> css </div> <div v-show="curId===2"> javascript </div> <div v-show="curId===3"> vue </div> </div> </div> </div></template>鍦ㄥ崥瀹㈠钩鍙伴噷锛屾湭鏉ョ殑璺繕寰堥暱锛屼篃甯屾湜鑷繁浠ュ悗鐨勬枃绔犲ぇ瀹惰兘澶氬鏀寔锛屽澶氭壒璇勬寚姝ｏ紝鎴戜滑涓€璧疯繘姝ワ紝涓€璧疯蛋鑺辫矾銆傞潪甯告劅璋㈣鑰呰兘鐪嬪埌杩欓噷锛屽鏋滆繖涓枃绔犲啓寰楄繕涓嶉敊锛岃寰椼€岃揪杈俱€嶆垜鏈夌偣涓滆タ鐨勮瘽锛岃寰楁垜鑳藉鍧氭寔鐨勫涔狅紝瑙夊緱姝や汉鍙互浜ゆ湅鍙嬬殑璇濓紝 姹傜偣璧烉煈?姹傚叧娉ㄢ潳锔?姹傚垎浜煈?瀵规殩鐢锋垜鏉ヨ鐪熺殑闈炲父鏈夌敤锛侊紒锛佲潳锔?涓嶈蹇樿鐣欎笅浣犲涔犵殑鑴氬嵃 [鐐硅禐 + 鏀惰棌 + 璇勮]浣滆€匢nfo锛氥€愪綔鑰呫€戯細Jeskson銆愬師鍒涘叕浼楀彿銆戯細杈捐揪鍓嶇灏忛厭棣嗐€傘€愮鍒┿€戯細鍏紬鍙峰洖澶?鈥滆祫鏂欌€?閫佽嚜瀛﹁祫鏂欏ぇ绀煎寘锛堣繘缇ゅ垎浜紝鎯宠鍟ュ氨璇村搱锛岀湅鎴戞湁娌℃湁锛夛紒銆愯浆杞借鏄庛€戯細杞浇璇疯鏄庡嚭澶勶紝璋㈣阿鍚堜綔锛亊澶у墠绔紑鍙戯紝瀹氫綅鍓嶇寮€鍙戞妧鏈爤鍗氬锛孭HP鍚庡彴鐭ヨ瘑鐐癸紝web鍏ㄦ爤鎶€鏈鍩燂紝鏁版嵁缁撴瀯涓庣畻娉曘€佺綉缁滃師鐞嗙瓑閫氫織鏄撴噦鐨勫憟鐜扮粰灏忎紮浼淬€傝阿璋㈡敮鎸侊紝鎵胯挋鍘氱埍锛侊紒锛佽嫢鏈彿鍐呭鏈夊仛寰椾笉鍒颁綅鐨勫湴鏂癸紙姣斿锛氭秹鍙婄増鏉冩垨鍏朵粬闂锛夛紝璇峰強鏃惰仈绯绘垜浠繘琛屾暣鏀瑰嵆鍙紝浼氬湪绗竴鏃堕棿杩涜澶勭悊銆傝鐐硅禐锛佸洜涓轰綘浠殑璧炲悓/榧撳姳鏄垜鍐欎綔鐨勬渶澶у姩鍔涳紒娆㈣繋鍏虫敞杈捐揪鐨凜SDN锛佽繖鏄竴涓湁璐ㄩ噺锛屾湁鎬佸害鐨勫崥瀹?/p>
