小程序内的分包与数据共享 小程序内的数据共享和vue当中不一样,vue当中的vue实例可以使得所有的组件都能this.store但是小程序它只有page对象,和组件实例对象.对于vue而言,vue实例可以使得添加的组件都有.但是page对象页面对象,不能使得页面内部有.只能使得这个页面内能访问.vue实例,会使得执行组件时,添加store属性.但是page对象不可以.每个对象添加只能顾着自己.因此如果需要在某个页面/组件内添加共享数据,需要自行每个页面和组件都添加。
小程序使用vant组件库 使用变量可以在小程序也可在页面.在css内是在选择器下定义变量,如果是变量来设置样式的,最好以--开头,便于区分.然后需要的var(变量)会访问父组件,当前组件内的css内的这个变量的值在vant,wxss内也是一样.
组件的传参等 组件的生命周期函数:created只是创建了组件内的实例对象attached,给组件实例绑定了属性,绑定到页面节点树之后ready准备好渲染之后,还未渲染之前moved组件实例被移动到另一个位置后执行detached在整个组件被被移除执行error执行的时候,组件内的方法抛出错误后。
小程序内使用路由 在组件当中显示,wxml上的数据,寻找是寻找component的的对象,且在组件wxml内.底层执行的时候如果是页面显示就是找page,但是如果组件构造的时候,显示组件,拿组件来显示的时候,先执行四个文件,找的是componet,再显示.底层显示四个文件,和先编译四个文件为组件,再显示不一样.在conmponnent对象的第一层都会作为属性.但是method不会作为属性,直接放内部的.但是对于page是所有的作为属性。
小程序的这些知识你知道吗? 自定义编译模式的好处,不用那么麻烦,每次编译都会跳到首页.这样每次都会跳到指定正在写的页面.且可以写参数.参数也会传递给onload,这个参数可以作为模拟的参数.不会影响,因为当真机上,是先展示首页,首页点击转到我们编译的页,会传递真实的数据.
小程序开发的基本用法 5.API是能实现相应功能的接口,wx和window一样都是对象.wx是界面上的对象,window是对象,在JS内可以使用调用对象.wx也是一样.window对象就是提供的一个全局对象,wx也是小程序执行中内存会定义的一个全局对象,这个全局对象可以和页面进行交互.内存内有自然能调用.button组件写在小程序显示出来,不似网页有多种模式,只有一种就是普通按钮,但是type可以显示颜色,plain可以镂空.size是大小属性.且scroll-view才能实现这个,要这个组件且要属性,内部基本结构才能实现.
小程序必须知道的知识 1.运行环境不同小程序在微信,qq等环境网页在浏览器环境2.API不同网页可以使用浏览器的DOM和BOMDOM是DOM树,BOM是浏览器上的各个对象.微信环境有特有的api地理定位,扫码,支付3.开发模式不同网页:浏览器+代码小程序:1)申请开发账号2)安装小程序的开发工具3)创建小程序项目。
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文件。
vue3插槽的name和v-slot的研究 在父组件的template需要些v-slot/#,没写不生效,而在父组件下,而没被template包含的默认放在template且含有#default。slot可以分为具名插槽和默认,默认插槽name是default。
vue3项目手写记录(持续更新中) 安装到全局,2)pnpm create vue创建项目,不要在根级别c盘路径下创建项目.生成的这个项目,不要直接在根路径下,根路径内的文件夹下创建.3)pnpm dev 运行项目pnpm install 安装包node_modules.
打包优化须知命令 理解:在本地C盘下有打包的文件,以这个我们本地为服务器,自然是可以绝对路径,但是在非本机为服务器则绝对路径可能无法找到,因为是讲打包放入,但绝对路径找可能是从c盘开始.这里调用返回一个a模块,也会讲vue分成j文件,但是不是和import的。我们使用导入,则会全部导入到打包内的js文件夹内.这种形式之后解析会的js一个js文件全部导入.js内,当调用时,导入对应的js文件.在根目录下生成dist文件夹。2)使用相对路径而非绝对路径。3)打包:路由懒加载。
手写商城项目学习/复习到的知识 第一,四,五步其实原本会在app组件内component.但是有这个插件,配置对应,当component会所有的组件内都能使用,原本也是所有的组件内,即使是路由也可以,但是只能是全部组件库导入.当写组件,会在对应的组件的component写.安装插件,viewportWidth,我们所写的px,都按照标准屏宽度,进行vw换算.给每一个宽度.换成vw.在不同手机,会转换成px.全部导入:将vant所有的组件放到了所有组件内component使得有这个.组件.移动端.在移动端不用px,用vw.
VUE3的有关知识 在vue2当中的组件的实例,都是data一块,computed一块,当我们去找某一变量相关的则十分麻烦,vue3是组合式API,vue2是选项式,vue3的优点:1)组合式更易维护2)更快的速度3)更小的体积4)更好的响应式proxy。
vuex插件实现数据共享 vuex是管理多个vue通用的数据的插件.(状态管理工具,状态是数据)我们对于多个vue文件之间的共同数据,是用props传递,或者对于一个vue实例对象,进行绑定,传参,也是多次传参,多个文件之间,比较麻烦.但是我们vuex会创建一个公共对象,从这个公共对象上赋值,比较简单易于理解。
this.$route.back()时的组件缓存 2.keep-alive写在router-view上面,这个地方所代表的路由会被保存,因此可以写在上面,保存,当返回时,如果是这个路由,里面的内容是一样的,如果里面还有内容,则会缓存路由的页面的所有内容.在:include=写的是以及组件的name名,如果没有就是vue的文件名,会缓存内部的二级路由的内容,当时这个路径,符合二级路由的路径时才会渲染.一个组件名,可以缓存多个页面.看路径来决定.跳转时,前一个路由的内容会被销毁,当回来时,重新创建树,组件内有保存了距离,没有一开始是0.
关注
