Vue 声明式渲染
聲明式渲染主要是為了修改內(nèi)容的.......下面看下代碼?
代碼
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><title>vue 學(xué)習(xí)</title></head><body><div id="me">{{ message }}</div><div id="button">{{btn}}</div></body><script type="text/javascript">var app = new Vue({el: '#me',data: {message: 'Hello Vue!',}})var test = new Vue({el: '#button',data: {btn: 'Hello el !'}})</script>
</html>
效果
修改內(nèi)容呢使用{{}}? el類似js里面的id 或者class 指定那個(gè)地方修改, data 里面是要修改的數(shù)據(jù)填寫,
官方api 里面提到的 el
?
?
總結(jié)
- 上一篇： 1度电等于多少KW?
- 下一篇： ERROR: Failed to res