Vue 小结

#Vue 小结

• vue常见指令(directive)
• 生命周期(lifetime)
• 侦听器(监听器)watch
• 计算属性(computed)
• 过滤器(filter)
• 组件(component)
• 路由(VueRouter)
• vue脚手架安装
• 创建Vue项目

vue常见指令(directive)

1.插值指令

v-text 文本插值
例子:
<div id="app">
	<p v-html = "msg"></p>
</div>
<script>
	new Vue({
		el:"#app",
		data:{
			msg:"<h1>hello</h1>"
		}
	})
</script>
v-html html插值  
例子:(同上)

结语:文本插值与html插值都能解析文本,但html 却能解析标签


v-bind 属性插值  简写为 :
<div id="app">
		<a v-bind:href="link_href"  v-text="link_name"></a>
</div>

<script>
	new Vue(
		el: '#app',
		data: {
			  link_href: 'http://www.baidu.com',
			  link_name: '百度',
		}
	})
</script>

2.事件绑定

v-on
<!-- 完整语法 -->
<a v-on:click=&