vue官网学习笔记2——模板语法

1. vue.js是基于html的语法模板，使得开发者可以声明式地将DOM绑定到底层的vue实例，所以vue.js模板能被遵循规范的浏览器和html解析器解析。

2. vue将模板编译成虚拟dom渲染函数，vue可以智能计算出最少需要渲染多少组件（组件化的原因之一），并把dom次数减到最少。

3. v-html可实现动态渲染html内容，但对于用户提交的部分不可使用此属性（易遭受xss攻击）

<div id="app">
	<p v-html="rawhtml"></p>
</div>

<script>
	var app = new Vue({
     
		el:"app",
		data:{
     
				rawhtml:"哈哈哈哈哈哈"
		}
})
</script>

4. v-bind缩写(元素属性绑定)

• v-bind:title=“hhhh”——:title=“hhhh”
• v-bind:href=“hhhh”——:href=“hhhh”

5.v-on缩写

• v-on:click=“hhhh”——@click=“hhhh”

总结

• 说明vue.js的通用性、一些基本常用功能的介绍