vue 常用指令

最新推荐文章于 2025-05-08 15:47:02 发布

原创最新推荐文章于 2025-05-08 15:47:02 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

Vue 专栏收录该内容

7 篇文章

订阅专栏

v-text

<body>
	<div id="app">
		<span>{{msg}}</span>
		//<span v-text="msg"></span>
	</div>
</body>
<script>
	new Vue({
		el:#app,
		data:{
			msg:"hello"
		}
	})
</script>

v-html
更新元素的innerHTML
v-if v-else
根据表达式真假条件渲染元素
v-show
根据表达式真假，切换元素display属性
v-for
基于源数据多次渲染元素或者模板
v-on
绑定事件监听器
v-bind
动态的绑定一个或者多个特性
v-model
在表单控件或者组件上创建双向绑定
v-pre
跳过这个元素和其子元素的编译过程
v-once
只渲染元素和组件一次