实现一边写代码一边展示网页的效果


效果图
这里使用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