vue模板语法

最新推荐文章于 2023-02-19 11:29:24 发布

罗芳娥

最新推荐文章于 2023-02-19 11:29:24 发布

阅读量338

点赞数

本文链接：https://blog.csdn.net/sl_68730/article/details/103495803

版权

本文详细介绍了Vue的模板语法，包括双大括号插值、指令如v-on、v-bind、v-if/v-show、v-for和v-html。同时，讲解了Vue的事件机制，如事件绑定、事件修饰符，以及属性的动态绑定等。

摘要由CSDN通过智能技术生成

vue

1.模板语法
1）双大括号{ {message}}

{
   {
   1+1}} //渲染结果2
{
   {
   指令}}

2）指令
v-on 事件
v-bind（v-bind:key=“a” 动态绑定的值，a为变量，key为指定标识符）
v-if、v-else、v-show 条件渲染
v-for（key，用于vue实现强制dom操作，如果不加key，vue为了性能考虑，往往不对dom操作而是直接改变dom中的值）
v-html （危险性）

2.事件机制
1）事件绑定
v-on：ev

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

罗芳娥

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue模板语法

vue1.模板语法1）双大括号{{message}}{{1+1}} //渲染结果2{{指令}}2）指令v-on 事件v-bind（v-bind:key=“a” 动态绑定的值，a为变量，key为指定标识符）v-if、v-else、v-show 条件渲染v-for（key，用于vue实现强制dom操作，如果不加key，vue为了性能考虑，往往不对dom操作而是直接改变dom中的值...
复制链接

扫一扫