vue濡備綍鑾峰彇鏌愪釜鍏冪礌鑺傜偣
扬州沐宇科技
2021-05-11 12:25:18
vue
鍦╲ue涓幏鍙栧厓绱犺妭鐐圭殑鏂规硶锛?.鏂板缓vue.js椤圭洰锛?.浣跨敤this.$refs.鏂规硶鏍囪鍏冪礌锛?.鎵ц浠ｇ爜鑾峰彇鍏冪礌鑺傜偣锛?/p>
鍏蜂綋姝ラ濡備笅锛?/p>
1.棣栧厛锛屽湪vue-cli涓垱寤轰竴涓獀ue.js椤圭洰锛?/p>
vue create project-name
2.vue.js椤圭洰鍒涘缓濂藉悗锛屽湪椤圭洰涓娇鐢╰his.$refs.鏂规硶鏍囪闇€瑕佽幏鍙栫殑鍏冪礌锛?/p>
<div id="app"><span ref='pTag'>{{ message }}</span>
</div>
3.鏈€鍚庯紝鍏冪礌鏍囪濂藉悗锛屽湪椤圭洰涓墽琛屼互涓嬩唬鐮佸嵆鍙幏鍙栧厓绱犵殑鑺傜偣锛?/p>
new Vue({
el: '#app',
data() {
return {
message:''
}
},
mounted() {
alert(this.$refs.pTag.innerHTML)
}
})
上一条：php和nodejs的区别
下一条：如何选择java xml的解析库
