categories:
- vue基础
tags: vue起步
指令v-text v-html
<!--{{ }} 和v-text的作用是一样的-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue起步和插值</title>
</head>
<body>
<div id="app">
<span>插入变量</span>
<div>{{ htmlmsg }}</div>
<hr>
<span>v-text指令插入变量</span>
<div v-text='htmlmsg'></div>
<hr>
<div>v-html插入变量</div>
<div v-html='htmlmsg'></div>
</div>
<!-- 1. 引包-->
<script src="./vue.js"></script>
<script>
// 2.初始化
const vm = new Vue({
el: '#app',
// 数据属性
data: {
htmlmsg: '<h3>hello vue</h3>'
}
})
</script>
</body>
</html>