随笔分类 -  vue

vue学习笔记
自定义组件
摘要：组件中的data 使用方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor 阅读全文

posted @ 2022-06-20 17:03 码农at突泉 阅读(46) 评论(0) 推荐(0)

vue过滤器
摘要：1.全局过滤器 对一个页面的所有vue模块均能生效，参加以下代码： <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> </head> <body> <div id="app"> <p> { 阅读全文

posted @ 2021-10-17 21:13 码农at突泉 阅读(113) 评论(0) 推荐(0)

vue 第三天
摘要：1.v-if 与 v-show区别 <div v-if="flag" @click="flag=!flag" > v-if </div> <div v-show="flag" @click="flag=!flag" > v-show </div> <input type="button" name= 阅读全文

posted @ 2021-10-15 11:43 码农at突泉 阅读(38) 评论(0) 推荐(0)

vue 对象数组排序
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-10-15 00:09 码农at突泉 阅读(312) 评论(0) 推荐(0)

vue 第二天 给对象列表 添加对象
摘要：编号：<input type="text" v-model="id" /> 姓名 ： <input type="text" v-model="name" /> <input type="button" name="name" value="添加+" @click="add" /> <p v-for= 阅读全文

posted @ 2021-10-15 00:08 码农at突泉 阅读(794) 评论(0) 推荐(0)

vue 第二天 v-model 双向绑定 ，v-for用法
摘要：1. v-model 数据双向绑定 <div id="app2"> <div v-text="text"> </div> <textarea v-model="text"> </textarea> </div> 在 textarea 中输入文字 div中的内容会随之变化 ，text 的值 会变化，通 阅读全文

posted @ 2021-10-14 23:56 码农at突泉 阅读(744) 评论(0) 推荐(0)

Vue 第一天 v-cloak 防闪烁 ，v-bind 属性绑定，v-on事件绑定，v-text文本绑定，事件修饰符 stop,prevent,once,capture,self作用
摘要：所有 HTML元素必须都在指定的范围。 <div id="app"> 被操作的元素和数据必须在此div内部。 </div> <script > const vm=new Vue({ el:'#app' }); </script> 1.如何解决差值表达式闪烁问题 <style> <!-- 新建属性选择 阅读全文

posted @ 2021-10-14 23:56 码农at突泉 阅读(162) 评论(0) 推荐(0)