- 博客(98)
- 收藏
- 关注
RSS订阅
原创 vue3插槽的name和v-slot的研究
在父组件的template需要些v-slot/#,没写不生效,而在父组件下,而没被template包含的默认放在template且含有#default。slot可以分为具名插槽和默认,默认插槽name是default。
2024-04-28 15:10:00
326
原创 VUE3的有关知识
在vue2当中的组件的实例,都是data一块,computed一块,当我们去找某一变量相关的则十分麻烦,vue3是组合式API,vue2是选项式,vue3的优点:1)组合式更易维护2)更快的速度3)更小的体积4)更好的响应式proxy。
2024-04-10 10:16:41
950
原创 vuex插件实现数据共享
vuex是管理多个vue通用的数据的插件.(状态管理工具,状态是数据)我们对于多个vue文件之间的共同数据,是用props传递,或者对于一个vue实例对象,进行绑定,传参,也是多次传参,多个文件之间,比较麻烦.但是我们vuex会创建一个公共对象,从这个公共对象上赋值,比较简单易于理解。
2024-03-31 21:32:50
896
1
原创 路由的完整使用
可以生成路由,不用手动去写路由1)创建项目2)选择第三个非vue2或vue33)勾选bable/router/css/linter勾选linter后所写的项目内必须是符合对应的规则,否则报错,比如运算符左右含有空格.不能有分号.路由选3,vue2,路由4,vue3默认是history.hash模式.使用less插件解析css第三个无分号规则.list on save 保存时校验第一个将配置文件放到单独文件是否保存以上配置.但是以上会报错,但是没有高亮/错误显示。
2024-03-28 21:50:45
1155
1
原创 原型对象与对象原型,理解Function与Array和Object，在instanceof下的关联
Array instanceof ArrayArray. _ _proto_ _是Function函数的原型对象Array.prototype是Array构造函数的原型对象Array. _ _proto_ _. _ _proto_ _. _ _proto_ _===null都不等，返回false例子2Object instanceof ObjectObject. _ _proto_ _是Function函数的原型对象Object. _ _proto_ _. _ _proto_ _
2024-01-11 16:27:28
931
原创 项目的打包
疑问:为什么pnpm bulid:mp-weixin用于打包,pnpm dev:mp-weixin也可生成对应路径下的文件??打包的是没有热重载,且打包体积更小.
2024-06-19 15:44:49
370
原创 自定义tabbar
在这里配置true,则会找根目录下的文件,作为路由渲染到每个tabbar页面下.原本是默认情况,自定义内部路由,放到每个tabbar页面下.
2024-05-29 18:21:22
587
原创 小程序内的分包与数据共享
小程序内的数据共享和vue当中不一样,vue当中的vue实例可以使得所有的组件都能this.store但是小程序它只有page对象,和组件实例对象.对于vue而言,vue实例可以使得添加的组件都有.但是page对象页面对象,不能使得页面内部有.只能使得这个页面内能访问.vue实例,会使得执行组件时,添加store属性.但是page对象不可以.每个对象添加只能顾着自己.因此如果需要在某个页面/组件内添加共享数据,需要自行每个页面和组件都添加。
2024-05-29 15:59:44
1526
原创 小程序使用vant组件库
使用变量可以在小程序也可在页面.在css内是在选择器下定义变量,如果是变量来设置样式的,最好以--开头,便于区分.然后需要的var(变量)会访问父组件,当前组件内的css内的这个变量的值在vant,wxss内也是一样.
2024-05-28 16:34:20
1215
原创 组件的传参等
组件的生命周期函数:created只是创建了组件内的实例对象attached,给组件实例绑定了属性,绑定到页面节点树之后ready准备好渲染之后,还未渲染之前moved组件实例被移动到另一个位置后执行detached在整个组件被被移除执行error执行的时候,组件内的方法抛出错误后。
2024-05-28 15:20:55
1264
原创 小程序内使用路由
在组件当中显示,wxml上的数据,寻找是寻找component的的对象,且在组件wxml内.底层执行的时候如果是页面显示就是找page,但是如果组件构造的时候,显示组件,拿组件来显示的时候,先执行四个文件,找的是componet,再显示.底层显示四个文件,和先编译四个文件为组件,再显示不一样.在conmponnent对象的第一层都会作为属性.但是method不会作为属性,直接放内部的.但是对于page是所有的作为属性。
2024-05-27 17:22:13
1206
原创 小程序的这些知识你知道吗?
自定义编译模式的好处,不用那么麻烦,每次编译都会跳到首页.这样每次都会跳到指定正在写的页面.且可以写参数.参数也会传递给onload,这个参数可以作为模拟的参数.不会影响,因为当真机上,是先展示首页,首页点击转到我们编译的页,会传递真实的数据.
2024-05-26 11:26:46
369
原创 小程序的深层了解
1.style:v2,不写前一版本,那写啥是前一版本2.手机上有导航栏?3.如何显示,首页和其他页面4.tabbar的页面必须放到前面???wx:key="写的是data内的呢???
2024-05-24 16:11:28
863
原创 小程序开发的基本用法
5.API是能实现相应功能的接口,wx和window一样都是对象.wx是界面上的对象,window是对象,在JS内可以使用调用对象.wx也是一样.window对象就是提供的一个全局对象,wx也是小程序执行中内存会定义的一个全局对象,这个全局对象可以和页面进行交互.内存内有自然能调用.button组件写在小程序显示出来,不似网页有多种模式,只有一种就是普通按钮,但是type可以显示颜色,plain可以镂空.size是大小属性.且scroll-view才能实现这个,要这个组件且要属性,内部基本结构才能实现.
2024-05-23 08:56:17
323
原创 小程序必须知道的知识
1.运行环境不同小程序在微信,qq等环境网页在浏览器环境2.API不同网页可以使用浏览器的DOM和BOMDOM是DOM树,BOM是浏览器上的各个对象.微信环境有特有的api地理定位,扫码,支付3.开发模式不同网页:浏览器+代码小程序:1)申请开发账号2)安装小程序的开发工具3)创建小程序项目。
2024-05-22 16:58:45
418
原创 vue2后台管理项目
1)拉取模板代码远程仓库复制到本地仓库.2)安装后的项目路径 code +文件夹 会打开vscode的文件夹.3)安装vetur和eslint插件可以保存时自动修改不规范的地方.4)App内有一级路由,路由组件导入如果是layout架子,会导入的是文件夹下的index.js没有则导入index.vue5)6)app-mian是组件,如果一级路由是这个架子,是这个路由,app-mian是组件,组件内含有路由router-view.7)setting.js和permission.js文件。
2024-05-07 15:02:55
484
原创 vue3项目手写记录(持续更新中)
安装到全局,2)pnpm create vue创建项目,不要在根级别c盘路径下创建项目.生成的这个项目,不要直接在根路径下,根路径内的文件夹下创建.3)pnpm dev 运行项目pnpm install 安装包node_modules.
2024-04-26 09:17:54
766
原创 打包优化须知命令
理解:在本地C盘下有打包的文件,以这个我们本地为服务器,自然是可以绝对路径,但是在非本机为服务器则绝对路径可能无法找到,因为是讲打包放入,但绝对路径找可能是从c盘开始.这里调用返回一个a模块,也会讲vue分成j文件,但是不是和import的。我们使用导入,则会全部导入到打包内的js文件夹内.这种形式之后解析会的js一个js文件全部导入.js内,当调用时,导入对应的js文件.在根目录下生成dist文件夹。2)使用相对路径而非绝对路径。3)打包:路由懒加载。
2024-04-25 10:03:34
256
原创 手写商城项目学习/复习到的知识
第一,四,五步其实原本会在app组件内component.但是有这个插件,配置对应,当component会所有的组件内都能使用,原本也是所有的组件内,即使是路由也可以,但是只能是全部组件库导入.当写组件,会在对应的组件的component写.安装插件,viewportWidth,我们所写的px,都按照标准屏宽度,进行vw换算.给每一个宽度.换成vw.在不同手机,会转换成px.全部导入:将vant所有的组件放到了所有组件内component使得有这个.组件.移动端.在移动端不用px,用vw.
2024-04-14 21:28:27
286
原创 this.$route.back()时的组件缓存
2.keep-alive写在router-view上面,这个地方所代表的路由会被保存,因此可以写在上面,保存,当返回时,如果是这个路由,里面的内容是一样的,如果里面还有内容,则会缓存路由的页面的所有内容.在:include=写的是以及组件的name名,如果没有就是vue的文件名,会缓存内部的二级路由的内容,当时这个路径,符合二级路由的路径时才会渲染.一个组件名,可以缓存多个页面.看路径来决定.跳转时,前一个路由的内容会被销毁,当回来时,重新创建树,组件内有保存了距离,没有一开始是0.
2024-03-31 09:41:04
575
原创 对于组件通信的深刻理解
父组件在子组件的标签上写自定义的属性,属性值是自己的变量,当渲染到子组件时,执行props会找自定义属性,内存了变量的内存,可访问到,写props,会生成vue实例的时候,将props的变量赋给,值找变量内存存入变量.插值语句等可访问.父组件会变量存的值是地址,对象内变量的地址,因此当修改的时候,修改的是对象变量的值,以及当修改父组件,会对所有的渲染一遍.修改父组件会报错.因此要单项传输,否则会搞不清楚了.
2024-03-24 21:12:33
889
原创 饼图渲染的关键
data内的数据,且当一个对象已经渲染一遍,再执行这个,会对setOption的参数进行更新,其他不变的饼图.我们这个饼图需要DOM对象,因此最早也只能在mounted.引入Echarts软件包并导入到对应文件内。script src='.../文件'创建一个DOM对象,有自定义的高和宽.import 文件.js。对象的方法实现饼图渲染。
2024-03-24 10:56:42
252
原创 vue组件
一无论是否使用vue组件，都会使用以上的webpack，为了打包使用更简单。以上是安装vue/cli脚手架，使用时能更为简单。第一步完成后，第三步会创建出项目，项目内包含脚手架，第四步可以直接使用这些文件。
2024-03-19 21:28:17
749
原创 理解计算属性等
计算属性的作用是将写在computed内的写了对应的属性名，属性值都是函数，将这属性值的函数调用之后的返回值赋给属性名的变量。因此其实计算属性内的是值，不是方法，因此写插值等语句是只是写变量，而不是调用。且与方法不同，写了多个方法名调用需要调用多次，计算属性只是变量。但是计算属性的返回值与哪些响应式变量有关，则这些改变，就会重新调用属性值的函数赋给计算属性。因此如果是只是为了用计算属性的值，无需用方法的放回值，但是如果是为了方法内的不走的代码，则用方法。
2024-03-17 20:23:23
728
原创 Vue必须知道的知识2
后可以写函数和代码和函数调用v-on:click='fn/fn()/console.log(1)'这三种，当执行new Vue()会去，add...事件，如果后面是函数，直接给，如果是代码/调用的，直接把''内的判断。如果不是函数，且是调用，则将这个调用的参数记下，等调用时，调用给传这个参数。当写的是函数，但不是调用，则调用时，会默认赋e这个对象。
2024-03-15 21:09:17
590
原创 Node需要了解的知识
浏览器之所以能执行Javascript代码，因为内部含有v8引擎。Node.js基于v8引擎封装，因此可以执行javascript代码。Node.js环境没有DOM和BOM。DOM能访问HTML所有的节点对象，BOM是浏览器对象。但是node中提供了console模块，且将console是一个全局对象，因此可以执行。Node命令内封装了v8引擎。
2024-02-02 16:16:07
943
原创 响应式和数据劫持
用Vue.（$)set（对象，属性名，属性值），对象必须是data第二级和以下才有响应式。但是有Vue.$set(数组，下标，值）改了相当于响应，渲染。还有七个方法，但是都只是改的时候能渲染，但是不像之前属性，那样直接配响应式，只能改一时。响应式是无需重新编译，访问元素，直接改data数据，页面自动更新。当模板中有语法，vue调用get/set，set之后还是改data数据，调get，vm用别的方法对get的值进行渲染。但是如果是后期增加的属性，没get，set方法，无法渲染，因此，只能出现胡子等问题。
2024-01-19 21:59:23
394
1
原创 Vue四个阶段，八个钩子函数
created，数据代理了，能vm.msg，监测watch不能this.$el,可以this.msg,this.方法名（）- beforeMount，生成了虚拟dom，this.$el，this.msg,this.方法名（）都可以，没有渲染。- beforeCreate，只是创建实例，不能this.$el,this.msg,this.方法名（）- destoryed，实例已经销毁，组件销毁，数据代理销毁，监听器销毁，这里也可以定时器销毁。- 销毁阶段，调用vm销毁函数，不会自己销毁。
2024-01-19 21:58:04
477
原创 AJAX初步与原理
服务器和浏览器之间的通信，AJAX可以在浏览器内访问另一服务器。服务器是存储数据的电脑。AJAX是用axios库，与服务器进行数据通信。原理之后讲到Promise对象再讲，这里是axios函数内传参可以对服务器进行访问，然后对服务器访问成功内部会调用then传的参数（函数），否则会调用catch传的参数（函数）。且调用then/catch函数传的函数时，参数是服务器返回的对象。axios函数的参数是对象，对象内的url是目标资源地址，会访问对应的服务器。
2024-01-17 16:46:47
1405
原创 innerHTML与inner Text理解/数组各个方法区分，理解
DOM对象有这两个属性，且这两个属性代表DOM对象/标签下的内容区域。可读写，改值，则该DOM树下的节点都会改。innerText和innerHTML一样，只不过不能辨别标签。即使是用方法将DOM对象加到DOM对象S上，S改变inner HTML等都会改变节点，读innerHTML是内容区域的所有,innerText是内容区域的文字。dataset存储自定义属性比如data都是以字符串的形式存储。
2024-01-10 09:50:18
426
原创 作用域链执行机制
定义：指变量访问的范围，离开了这个作用域，变量不能被访问。分类：局部作用域和全局作用域，局部作用域分为函数作用域和块作用域函数作用域，在函数内部或者形参都是在函数作用域内，函数内定义的变量只能在函数里访问，函数执行完就被清空块作用域，以{}包围内定义的变量就是块作用域，for，if括号内定义的变量都是在块作用域上。但是在{}上的var无法在块作用域上，可以有var在函数作用域上。局部作用域上的变量都只能在作用域上访问。外部无法访问。定义在{}的变量不在块作用域上。
2024-01-09 09:34:26
786
原创 input当中的required属性
required属性的作用是，当表单触发submit事件时，比如点击表当内的button，会先看required所写的input的value是否为空，为空则阻止submit事件，所有submit事件都不能触发，且会出现提示。form表单的autocomplete属性的值有以下作用。该属性也可也单独给input标签使用。
2024-01-06 10:23:13
981
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人