自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 vue学习笔记(八)模版语法7

vue-收集表单数据and过滤器

2022-10-29 15:00:05 71 1

原创 vue学习笔记(七)模版语法6

vue监测数据的原理--对象and数组

2022-10-25 00:30:33 370

原创 vue学习笔记(六)模版语法5

vue实现列表过滤与排序

2022-10-22 17:56:48 142

转载 vue学习笔记(五)模版语法4

1.绑定class样式 Style a{} style b{} style c{} 1⃣️ <div class=“basic” :class=“a” @click=“changeMood>{{name}}</div> </div> Data:{ a:’normal’, name:’张玉‘ }; method:{ changeMood(){//点击切换样式(随机) const arr=[‘a’,’b’,’c’] c

2022-08-20 18:02:03 47

转载 vue学习笔记(四)模版语法3

1.计算属性 Computed:{ Full name:{ Get(){ Return this.first name+’-‘+this.lastname } set(value){ Console.log(‘set’,value) const arr = value.split(‘-‘) This.firstname=arr[0]

2022-08-13 12:24:54 51

转载 vue学习笔记(三)模版语法2

1.事件处理 <button v-on:click=“ShouInfo”>点我提示,</button> new vue({ el:’#root’ data:{ } methods:{ ShowInfo(){ Alert(‘内容‘) } } }) 1⃣️使用v-on:xxx或@xxx绑定事件,其中xxx是事件名。 2⃣️事件的回调需要配置在methods对象中,最终会在vm上 3⃣️me

2022-08-08 22:09:21 50

转载 vue学习笔记(二)模版语法

1.差值语法—使用在标签体中,例如 <h1>{{name}}</h1> 2.指令语法—使用在标签属性中。 1⃣️v-bind: <div id = “root> <a v-bind:href = “url”>跳转</a> //v-bin将内容当成js表达式进行执行,其缩写形式为:<a :href = “url”>跳转</a> </div> new vue({ El:’#root’ data:{

2022-08-06 15:11:16 86

转载 vue学习笔记(一)vue基础

1.vue是什么? vue是一套用于构建用户界面的渐进式javascript框架。 渐进式:vue可以自底向上逐层应用(一个简单应用,只需要一个轻量小巧的核心库,一个复杂应用,只是在轻量小巧的核心库的基础上引入各种vue插件。 2.谁开发的vue? 3.vue的特点。 (1)采用组件化模式,提高代码复用率,且让代码更好维护。 组件化模式:将页面的部分作为一个整体进行开发,整个页面进行部分的拼凑。 (2)声明式编码让编码人员无需直接操作DOM提高开发效率。 声明式编码:与平时的命令式编码说一步做一步不同,使

2022-08-05 20:40:40 219

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除