摘要:
v-html指令 1.作用:向指定节点中渲染包含html结构的内容。 2.与插值语法的区别: (1).v-html会替换掉节点中所有的内容,{{xx}}则不会。 (2).v-html可以识别html结构。 3.严重注意:v-html有安全性问题!!!! (1).在网站上动态渲染任意HTML是非常危险 阅读全文
posted @ 2022-12-24 17:56
安静点--
阅读(1510)
评论(0)
推荐(0)
摘要:
我们学过的指令: v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(动态控制节点是否存存在) v-else : 条件渲染(动态控制节点是否存存在) v 阅读全文
posted @ 2022-12-24 17:34
安静点--
阅读(119)
评论(0)
推荐(0)
摘要:
过滤器 定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。 语法: 1.注册过滤器:Vue.filter(name,callback) 或 new Vue{filters:{}} 2.使用过滤器:{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名 阅读全文
posted @ 2022-12-24 17:29
安静点--
阅读(42)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>收集表单数据</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body 阅读全文
posted @ 2022-12-24 17:18
安静点--
阅读(53)
评论(0)
推荐(0)
摘要:
可以在指定的对象里添加新的key值 示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Vue监测数据改变的原理</title> <!-- 引入Vue --> <script type="text/javascript" 阅读全文
posted @ 2022-12-24 16:09
安静点--
阅读(74)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>更新时的一个问题</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bo 阅读全文
posted @ 2022-12-24 15:46
安静点--
阅读(19)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>列表排序</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> 阅读全文
posted @ 2022-12-24 15:15
安静点--
阅读(51)
评论(0)
推荐(0)
摘要:
示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>列表过滤</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bo 阅读全文
posted @ 2022-12-24 14:53
安静点--
阅读(58)
评论(0)
推荐(0)
浙公网安备 33010602011771号