vue前端
文章平均质量分 84
大部分文章借鉴
万zp
加油
展开
-
vue03 es6中对数组的操作,vue对数据监控的原理(分别对对象和数组的监控)
sort()方法在接受到函数返回的-1时,就做出按照升序的原理不换位置,现在虽然数组位置没有变,但是数组是刷新过一边的,sort()返回了一个新的数组,所以在第二次传入参数的时候,是传入的第二项3和第三项10(第一次换位置的话,那么第二项就是换过后的第二项)按着同样的原理进行比较返回-1;后面的步骤就一样了,在第三次比较的时候要注意,如果前面的返回值为-1,那么新数组的第一项和第二项不用再比较(升序,-1就不比较,因为-1表示大数本来就在后面 ),如上面所示:1原创 2023-08-01 13:45:16 · 647 阅读 · 0 评论 -
今天实习第二天 ,vue
第三步.在组件中去写一个props来去接受数据,因为要在组件去显示item,props的值是和v-bind的第一个值是一样的,注意的是v-bind的用法是来绑定属性,是v-bind:第一个属性名(这里用的是qin)=“for循环中的对象名字或者是vue中的data属性名”举个例子,例如用标签文本框,在这里就绑定了vue对象中的data中的message属性,开启页面的时候会显示message中的数据,也就是hello vue!这个也就是双向绑定。由于这是一次新的项目,有几个技术,docker,vue。原创 2023-07-13 16:47:21 · 602 阅读 · 2 评论 -
vue 10 axios,promise
01。原创 2023-08-09 09:11:29 · 112 阅读 · 0 评论 -
vue新 学习 01
model中的数据,先存放在vue对象的data等相关属性中,然后html中各种命令来去获取vue中的相关属性,实现数据的传输。安装vue的官方插件vue.devtools,这个会让vue的在浏览器上的测试变得很流畅很方便,这个是应该防火墙的原因不能够在谷歌的官方软件库中去下载,需要在百度中去搜索相关的插件信息,下载,6.0版本的插件是对应vue3.0的,本次项目用的是vue2.0,建议插件的版本在5.0左右比较好。在排版中,排在前面的容器会先绑定,之后的同class容器就不会再去绑定相关的vue实例了。原创 2023-07-26 16:45:03 · 272 阅读 · 0 评论 -
vue新学习 02 vue命令v-model,数据代理(作用域和作用域链),事件,监听属性,计算属性(也就是把操作属性的语句放到vue实例中)
而是直接就采用了new Vue({})这样子的形式,(v-bind和v-model在这个例子中都是如此,所以现在并没有数据代理的问题)所以此时数据的来源是vue实例对象,不是以后所采用的数据代理模式(也就是变量vm的数据来源)。v-model通常是和输入元素进行合作的,这一部分通常是表单标签,例如input,checkbox等等,功能是修改输入元素的值,会去修改相应的vue实例化的对象中的data中的相关属性。原创 2023-07-27 17:50:29 · 643 阅读 · 3 评论 -
今天实习第三天,vue(vue-cli部分,webpack部分,vue-router部分,elementUI部分)
在项目中使用依赖包的代码之前,通常需要先运行 “npm install” 命令。第二步.运行官网下载的node.js的msi文件(记住所有的node.js文件的安装包都是msi文件的形式),一直都是next。最后检查是否安装成功,使用windows+r 打开cmd 运行末班,输入命令 node -s和 npm- v,如果出现结果的话,代表安装成功。在npm run dev的时候,首先会去项目的package.json文件里找scripts 里找对应的 dev ,然后执行 dev 的命令。原创 2023-07-14 14:02:35 · 951 阅读 · 0 评论 -
vue 新学习 04 css样式绑定,渲染,key的重要意义(diff算法)
.basic就是用class选择器(此处的意思是class属性值是basic),id选择器是#中去写样式,通过html标签(每一个标签都有这样子的属性)中的class或者是id属性来完成。class属性的进一步的优化(数组包装,对象包装),这里的修改字段在浏览器中去完成的。01.首先css样式还是要去写的,也就是还需要在头部标签head中去写,这边不改变。中的写的class类选择器的名字。之前的html文件中标签用style属性,直接写样式。这个是传统的在html文件中用css样式。中的描绘的样式的用。原创 2023-08-02 16:48:18 · 589 阅读 · 0 评论 -
vue 新学习 06 js的prototype ,export暴露,vue组件,一个重要的内置关系
01在js中:原型链。原创 2023-08-03 14:38:32 · 591 阅读 · 0 评论 -
vue 新学习 07 vue指令,自定义指令
作用是定义它的元素或组件只会渲染一次,包括元素或者组件的所有字节点。需求2:定义一个v-fbind指令,和v-bind功能类似,但可以让其所绑定的input元素默认获取焦点。需求1:定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。但是,不建议使用v-html指令,因为它会导致被恶意者进行XSS攻击的潜在风险。v-html 指令,会用一个HTML标签字符串,替换该元素下面的所有内容。v-pre 指令,跳过这个元素和它的子元素的编译过程。指令定义时不加v-,但使用时要加v-;原创 2023-08-03 15:31:24 · 186 阅读 · 0 评论 -
vue 08 vue-cli,render函数,props,scoped,ref和mixin
其中返回的createElement()函数有三个参数,第一个参数是标签名字,例如h1,h2,span等,第二个是属性,里面可以添加标签的属性,例如 style,length,第三个是内容,可以是子标签或者是文本内容。备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。在vue-cli中的app.vue文件中,render函数是es6的箭头函数形式。原创 2023-08-04 10:14:19 · 231 阅读 · 0 评论 -
ES6 (js)
学习了很多vue的视频,还有nuxt的,还是不会。原创 2023-07-21 14:17:02 · 274 阅读 · 0 评论 -
vue新学习 05vue的创建运行原理(vue的生命周期)
updated(更新后):在数据更新之后被调用,发生在虚拟DOM重新渲染和打补丁之后。beforeUpdate(更新前):在数据更新之前被调用,发生在虚拟DOM重新渲染和打补丁之前。beforeCreate(创建前):在实例初始化之后,数据观测和事件配置之前被调用。此时,实例已完成数据观测、属性和方法的运算,但尚未挂载到DOM上。此时,实例已经完成了DOM的渲染,并且可以访问到挂载的元素。通过这些生命周期钩子函数,我们可以在不同阶段对Vue实例进行操作和控制,实现一些特定的逻辑和功能。原创 2023-08-03 16:34:14 · 124 阅读 · 0 评论 -
实习第七天 nuxt.js
原因竟是因为,在vue-cli的老版本中,是可以使用 vue init nuxt/starter 进行安装的。首先,确保您已经安装了 yarn、npx(默认包含在 npm v5.2+ 中)或 npm (v6.1+)。(npm的5.2.x版本后默认安装了npx)但在新版本的vue-cli中不行了!01.nuxt是vue的一个基本框架。原创 2023-07-18 17:45:22 · 208 阅读 · 0 评论 -
vue 09 多组件项目 todolist ,组件编程三部曲,函数方式传递消息,ref,自定义事件传递消息
01。原创 2023-08-03 16:33:02 · 112 阅读 · 0 评论