随笔分类 - Vue+生态
vue 及 vue 生态
摘要：说明：一般组件库提供的组件是比较通用的，有些不怎么常用，但是会有实际需求的组件功能没有提供。有些是可以直接在原有组件库上增强的，有些就需要自己去实现了。对这些组件功能做一个记录。 一、elementUI的table组件实现动态增删可输入的表格 https://blog.csdn.net/weixin
阅读全文
摘要：1、什么是 ssr（服务端渲染）：https://www.jianshu.com/p/7f06022a8ddd ssr 也不是万能的, 需要 node 服务器, 很耗费性能, 需要做好缓存和优化, 相当于空间换时间.。全站 ssr 明显不可取, 现在流行较多的是 首屏 ssr ,甚至 首屏部分 ss
阅读全文
摘要：一、基于 HTML 的模板语法，实现渲染。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。 二、使用渲染函数，实现渲染。https://cn.vuejs.org/v2/guide/rende
阅读全文
摘要：一、表单 组件: 1、动态增减表单项 antDesign：antDesign 官方文档就有这个说明 https://1x.antdv.com/components/form-model-cn/#components-form-model-demo-dynamic-form-item 增减实现： 表单
阅读全文
摘要：一、$refs 不能动态拼接的问题：https://blog.csdn.net/alisa_lisa/article/details/104005063 项目需求：动态增减表单并验证。添加联系人，多少组联系人的表单是不确定的。 原因： 解决：ref 是可以同名的。有相同的名字，会放在一个数组中。通过
阅读全文
摘要：参考: 哔哩哔哩上 https://www.bilibili.com/video/BV1Zy4y1K7SH?p=136（推荐） 或 李南江老师的课 一、Setup入口函数： https://vue3js.cn/docs/zh/guide/composition-api-setup.html 1、se
阅读全文
摘要：官网：https://vue3js.cn/docs/zh/guide/instance.html 或 https://v3.cn.vuejs.org/guide/migration/introduction.html（推荐，介绍差异的内容） 一、<script setup> 简化 setup() 的
阅读全文
摘要：一、路由构建选项 mode：路由模式 base：应用的基路径，默认值“/”。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 "/app/"。重点：base上配置的路径，路由的每一次跳转都会自动加上这个前缀路径的。 routes：路由表的配置 path：注意：子路由path路
阅读全文
摘要：参考：https://blog.csdn.net/wang1006008051/article/details/77898559 或 一、本地存储 webStorage（localStorage、sessionStorage）：页面数据传递 【localStorage、sessionStorage
阅读全文
摘要：参考：https://cli.vuejs.org/zh/guide/【官网】 【对部分功能记录下，详情还是看官网】 一、基础 创建项目 插件 和 Preset CLI服务：vue-cli-service 命令 vue-cli-service serve： 用法：vue-cli-service ser
阅读全文
摘要：一、按需加载问题：https://youzan.github.io/vant/#/zh-CN/quickstart 1、自动 按需加载： 借助 webpack 的插件，自动把 全局引入的组件 变成 按需引入 的组件。 babel-plugin-import 是一款 babel 插件，它会在编译过程中
阅读全文
摘要：一、vue实例属性 vm.$data vm.$props vm.$el vm.$options vm.$parent vm.$root vm.$children vm.$slots vm.$scopedSlots vm.$refs vm.$isServer vm.$attrs vm.$listene
阅读全文
摘要：基于CSS的过渡实现 1、在过渡 效果的使用中 ，key属性需要注意 ： 有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。 参考官方说明： https://cn.vuejs.org/v2/api/#key 注： v-if（v-if-else）条件 渲染中 过渡没有效果，最好
阅读全文
摘要：1、参考：http://www.cnblogs.com/YuKiee/p/9681151.html（推荐这个） 或 https://blog.csdn.net/weixin_41767649/article/details/82797373 注意：数据更改视图不更新问题 是不考虑 mounted 生
阅读全文
摘要：vue 组件 一、组件的创建，两种方法。(本质上是1、2两种，vue文件，只是创建了一个 组件选项对象，仅是一个js对象)1、通过 Vue.component 创建组件： Vue.component 创建的组件，在全局中已经注册。所以不需要注册组件。 注册组件：有全局注册、局部 注册 之分。 个人理
阅读全文
摘要：Vue的打包部署 1、一般打包 ：直接 npm run build。（webpack的文件，根据不同的命令，执行不同的代码的） 注：这种打包的静态文件，只能放在web服务器中的根目录下才能运行。 2、在服务器中 非根目录下 运行的 打包：需要配置 参考：https://segmentfault.co
阅读全文
摘要：一、为什么使用vuex ： https://www.cnblogs.com/goloving/p/9080005.html vuex的功能 和 localstorage 的作用是一样，把数据在一个所有页面都可以存取的地方。但是vuex的数据具有响应式（类似数据双向绑定），而 localstorage
阅读全文
