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