这两指令和div中的innerHTML和innerText作用类似，不过innerText和innerHTML只能在div标签内，这两个指令可以在标签内，不能在value那些标签，如 < h1> < div>< span>等可以写在标签内起作用的标签，清空标签内的，在里面填充指令后面的，html那个指令可以解析html代码，然后执行。我们要将用户给的信息拿到，再次呈现，呈现的必须是v-text，要不然可能会在网页上出现链接什么的，接受用户的名字和密码。v-once只在初次编译后渲染一次，之后所在标签不再渲染。v-cloak，用于胡子问题等，有时vm实例无法加载，呈现上出现闪现的问题，在标签上写v-cloak无参数和表达式，style可以 [v-cloak]表述带有这个的标签做什么样式。display：none隐藏，但是vm出现，会渲染，将v-cloak去掉。v-pre指令都是必须在有vm实例的标签中。可以实例渲染那段代码不渲染，浏览器编译，不会报错但是识别不出。节省效率。document.creatElement('标签名’）=标签对象 docunment.creatElement('script')=a a.src='' document.head得到头部标签，.append(a)增加标签。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div v-cloak id="app">
<h1 v-once>{{msg}}</h1>
<h1 v-pre>欢迎</h1>
欢迎
</div>
<script>
setTimeout(()=>{
let sr= document.createElement('script')
sr.src='../js/vue (1).js'
document.head.append(sr)
},3000)
setTimeout(()=>{
const vm= new Vue({
data:{
msg:'jack'
} ,
el:'#app',
methods:{
},
})
},4000)
</script>
</body>
</html>
