摘要: 1、vue过滤器简介 vue过滤器就是用来过滤模型数据,在显示之前进行数据处理和筛选。 2、vue过滤器语法 语法:{{ data | filter1(参数) | filter2(参数) }} 3、vue内置过滤器 vue1.0中有很多过滤器,例如currency,uppercase,lowerca 阅读全文
posted @ 2021-08-24 17:38 AnnLing 阅读(3215) 评论(0) 推荐(1)
摘要: 1、vue模板简介 vue.js使用基于HTML的模板语法,可以将DOM绑定到Vue实例中的数据。模板就是{{}},用来数据绑定,显示在页面上,也称为Mustache语法。 2、数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1:使用两对大括号{{}},页面上可能会出现闪烁的问题(可 阅读全文
posted @ 2021-08-24 17:07 AnnLing 阅读(436) 评论(0) 推荐(0)
摘要: 1、属性绑定和属性的简写 v-bind 用于属性的绑定。写法:v-bind:属性=" " (简写为 :属性=" ")。 v-bind:src=" " 简写为 :src=" " 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset= 阅读全文
posted @ 2021-08-24 16:36 AnnLing 阅读(66) 评论(0) 推荐(0)
摘要: 1、快捷键ctrl+shift+p调出面板 2、输入package 3、在自动弹出的下拉选项中选择【list Packages】,就可以看到已安装的插件列表。 阅读全文
posted @ 2021-08-24 14:41 AnnLing 阅读(174) 评论(0) 推荐(0)
摘要: 一、事件 1、事件的简写 v-on:click=“” 简写方式为: @click=“” 2、事件对象$event 包含事件相关的信息(事件源target、事件类型type、偏移量offset等) 3、事件冒泡 阻止事件冒泡,有两种方式: 1)原生js方式,依赖于事件对象。 1 <!DOCTYPE h 阅读全文
posted @ 2021-08-24 14:20 AnnLing 阅读(229) 评论(0) 推荐(0)
摘要: 一、vue的使用案例 1、效果展示 2、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>用户管理</title> 6 <!--引入vue--> 7 <script src=".. 阅读全文
posted @ 2021-08-24 13:45 AnnLing 阅读(230) 评论(0) 推荐(0)