
vue
文章平均质量分 74
在代码的海洋中寻找亚特兰蒂斯
这个作者很懒,什么都没留下…
展开
-
Vue-自定义指令
数值常量、字符串常量、对象字面量。原创 2024-12-22 00:49:49 · 375 阅读 · 0 评论 -
Vue表单控件
这里的是number的修饰符,加了number之后v-model返回的值是可以进行计算的。在这里的lazy加了之后{{}}中的绑定值不会实时的显示,而是在按下回车键后才会显示。绑定的是选中的选项的value值,如果没有设置value值则绑定的是选项的text值。数组,返回一个新的数组,其中只包含图书名称中包含搜索关键字的图书。v-model在input中的时候绑定的是。多行文本框中绑定的是整个的value值。的单个复选框中绑定的是布尔值,是否选中。,绑定的是按钮的value值。的输入的value值。原创 2024-12-21 16:58:02 · 537 阅读 · 0 评论 -
Vue事件处理
在这里要说一下与事件绑定的方法支持参数event,及原生DOM事件对象的传入,这里的是点击之后返回标签名。这里的方法中可以直接使用随便的一个名因为这里的事件的触发是自动传入函数的。这里这个的方式也是可以的,使用自己定义的按键的数字的别名。这里的是v-on事件的变化的过程,这里的。原创 2024-12-15 00:58:38 · 332 阅读 · 0 评论 -
Vue样式绑定
这里都是和上面的是重复的,就是单纯的换成了style样式,不一样的是这里大多是多个style属性的打包成的对象。这里的非内联的形式是将元素的class属性绑定的对象定义在data选项中。这里的是直接把对象的名放入进去对class属性进行了赋值。这里需要数组中的值都是对象的键值对形式,值需要是需要绑定的class属性对象,前面的键放入到数组中。这里和上面的类似,只是这里的是放入了一个计算属性,也是类似于一个对象的感觉。这里的代码是把style中的active属性直接以对象的方式放进去了。原创 2024-12-12 15:46:39 · 658 阅读 · 0 评论 -
Vue计算属性与监听属性的运用
这里使用的监听的属性是放在watch选项中的这里的watch可以直接放到定义的new Vue实例中,也可以使用vm.$watch()实例方法。alert("原值:"+newValue+"next:"+oldValue);}){{rmb}}人民币={{dollar | formatNum}}美元data:{rmb : 0,dollar : 0},watch : {//获取美元的值},//获取人民币的值},//保留两位小数})原创 2024-12-11 19:37:04 · 328 阅读 · 0 评论 -
Vue组件学习
放大文本原创 2024-12-05 16:56:01 · 1556 阅读 · 0 评论 -
Vue框架中的嵌套路由分发
首先这里的文件的结构是这样的,我是创建了一个node项目,在项目中进行制作的。这个嵌套比较典型就写一下。在进行的时候还需要安装几个包,router和vue-router,们这里都要是vue2的版本的。1、首先这里的是main.js的文件,这里的作用是导入路由分发的包。3、这里就开始写 index.js文件,用来进行路由的分发。首先的是根实例:App.Vue文件。2、之后来写component组件。原创 2024-12-04 16:44:55 · 248 阅读 · 0 评论 -
Vue过渡效果
在这里的多元素的过渡的时候如果是相同的标签之间的过渡效果的时候我们需要对其进行key值的标记,从而使得vue可以区分开他们,防止以为是同一个标签内容,而不会有过渡的效果了。这里想做的是一个文字变大变小的效果,这里的reverse的意思是如果先前的动画效果是scaling的从上到下的,则他之后就是会变为从下到上的缩放效果。首先过渡的效果是封装的,其是使用过渡的封装组件transition,从而实现的也是用过实现这个对象的动态过渡的效果。接下来的是实战的效果制作,电子商城的图片轮播效果的制作。原创 2024-12-01 22:04:36 · 1004 阅读 · 0 评论 -
Vue条件判断与列表渲染
相比较于v-if这个v-show如果用在多次频繁的调用的时候的场景的时候是很高效的。这里的例子是进行显示的变换,点击显示,再点就不显示data : {bText : '隐藏图片',},//切换按钮文字this.bText == '隐藏图片'?this.bText = '显示图片' : this.bText = '隐藏图片';this.show;//修改属性值});输出成绩单:在代码中的数组使用了相同名字的对象,为的就是遍历的时候可以直接遍历。原创 2024-11-19 14:43:56 · 1912 阅读 · 0 评论 -
Vue基础特性
title>实时显示的日期和时间//为数字前添加前导0data : {},},//DOM文档渲染完毕后调用//匿名函数(回调函数)会创建自己的执行上下文,在这个上下文中,// this 默认不会指向外部(即 mounted 方法中)的 this_this.nowdate = new Date()//修改数据},1000);//这里的1000是延迟1秒钟},//实例销毁之前调用//在Vue实例销毁前清除定时器。原创 2024-11-18 23:45:59 · 939 阅读 · 0 评论