随笔分类 - vue3.0
摘要：1：在src目录下创建 utiles>permission.ts import store from '@/store' export const hasRole = { install: (app:any) => { app.directive('hasRole', { mounted(el:an
阅读全文
摘要：1：eslint生效依据 这就是eslint生效了的依据 2：vue2和vue3脚手架 项目目录对比 （1）vue2使用脚手架创建的目录结构 （2）vue3使用脚手架创建的目录结构 从中对比可以看出，少了，build文件 所以vue3之前搭建的项目，和vue3搭建的项目关闭eslint代码检查的方式
阅读全文
摘要：既然都到了，创建项目这里，当然webpack和vue这些工具是必须要有的 1：查看是否安装成功 注意大小写，我在查询webpack时，使用了大写V他提示让我去下载，webpack 2：创建命令 vue create （vue3-ts-项目名字） （1）选择第三个选项进行手动选择 Please pic
阅读全文
摘要：父子通讯 最常用的父子间通讯方法, 1：父传子数据：defineProps接收 2：子传父方法：defineEmits抛出 3：ref，在父组件中，使用ref，调用子组件的方法 具体使用方法，看以下栗子： 子组件 child.vue <button @click="giveParentMenthed
阅读全文
摘要：注：在vue3中使用watch需要按需引入，这也是vue3和vue2的一大区别 例： import { ref, reactive, h, onMounted, watch } from "vue"; 如何使用： const jianting: any = reactive([ { a: 1, b:
阅读全文
摘要：1：ref和reactive都是声明变量问题 vue3中声明变量中ref和reactive都是声明变量，但是ref可以获取dom节点，以及在使用时候ref声明的变量，需要用到变量.value
阅读全文
