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

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

猜你喜欢

转载自www.cnblogs.com/ives/p/12309865.html