随笔分类 - vue
摘要：监听器 watch: vue3 中的watch更灵活， 第一个参数可以是getter/effect函数、ref、Proxy以及它们的数组， 意味着可以同时监听多个值。例子： watch(name, (newVal, oldVal) => {.....} ) // 最基础（变量格式） watch(()
阅读全文
摘要：vuetify:UI组件库，风格更贴近外国网站 Vueuse : 是一个非常流行的 Vue 组合式 API 的实用工具集合，它提供了一系列的组合式函数（Composables）。（VueUse 是一个强大的工具箱，极大地简化了 Vue 开发中的许多常见任务。通过使用 VueUse，你可以专注于应用程
阅读全文
摘要：图标变成了undefined 原因：设置prefix时，在非nvue环境下，需u-input才有效。 // 旧版 <u--input placeholder="请输入用户名" type="text"> <template slot="prefix"> <view class="solts"> <vi
阅读全文
摘要：Getter 获取：this.$store.getters.XXX
阅读全文
摘要：自定义事件 推荐使用 kebab-case 的事件名 使用v-model Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, templa
阅读全文
摘要：$eventBus监听无法执行 数组中多层对象的嵌套遍历会导致视图无法更新，vue中的model和view不同步 方法一： this.$forceUpdate() : 方便简单，但未必有效 方法二： 通过v-show 控制显隐来达到刷新的作用：方法简单，但会多一个变量 方法三（推荐）： this.$
阅读全文
摘要：参考：掘金 例子： KeepAlice.vue(父组件) <template> <section> <keep-alive> <component keyName="name1" :is="componentName"></component> </keep-alive> <component ke
阅读全文
摘要：AST 定义 Abstract Syntax Tree : 抽象语法树 工作流程 parse：把代码解析为AST。 transform：对AST中的各个节点做相关操作，如新增、删除、替换、追加。业务开发 95%的代码都在这里。 generator：把AST转换为代码。 实现 Babel 由3个包来实
阅读全文
摘要：增加特性 composition API： setup（）： 是composition API 的入口函数 仅初始化时执行一次。（具体是在beforecreate之前执行。此时的this为undefined，所以在setup()无法使用this获取数据） 所有的compostion API都写在 s
阅读全文
摘要：## 安装 ## 1. 参数区别： --save ： 安装产品依赖 --save-dev : 安装开发依赖 ## 使用 ## ### 属性 ### 1. ref : 可以获取DOM元素或者组件实例，例如： 2. $attrs 和 $props 的区别： - $attrs 对应的是属性 - $prop
阅读全文
摘要：版本关系 vue-cli@3 使用的是 vue2 ， vue-cli@4 使用的是vue3 安装 全局安装最高版本: $ npm install -g @vue/cli npm install -g @vue/cli //全局安装最高版本 npm install -g @vue/cli@3.12.0
阅读全文
摘要：生成方式 package.json 是通过命令 npm init 生成的 package-lock.json 是下载任何的依赖包（npm install XXX）都会生成 历史 之前npm包管理工具是没使用package-lock.json，是从 node@5 之后才开始存在的。那么，为什么要增加p
阅读全文
