實現一邊寫代碼一邊展示網頁的效果


效果圖
這里使用vue來實現
需要一個input來綁定數據
同時將數據顯示在頁面上
顯示的時候需要用到v-html

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
 <div v-html="data">{{data}}</div>
 
  <input v-model="data"/>
</div>
<script>
var app6 = new Vue({
  el: '#app',
  data: {
    data: ''
  }
})
</script>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM