<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!--插值符号 这里边也可以写js的语句-->
<p>{{hi}}</p>
<!--相当于innerText-->
<p v-text="vText"></p>
<!--相当于innerHtml-->
<p v-html="vHtml"></p>
<!--控制该元素是否显示 布尔值 display:none-->
<p v-show="vShow">{{hi}}</p>
</div>
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
<script>
console.log(Vue);
new Vue({
el:"#app", // 挂载对象
// 保存对应的数据内容
data(){
return {
hi:"hello world",
vText:"<i>hello world</i>",
vHtml:"<i>hello world</i>",
vShow:false
}
}
})
</script>
</body>
</html>
Python3Turtle