vue3
前端.攻城狮
我大意了
展开
-
vue3 props三种详细写法
vue3 props三种详细写法。原创 2024-03-21 14:30:27 · 184 阅读 · 0 评论 -
wangEditor中使用公式插件kityformula踩坑之路
由于之前项目中使用的是wangEditor富文本,最近需要用到公式,又要求能可视化编辑公式,所有只能使用 kityformula 插件,在集成的过程中遇到了很多问题原创 2023-10-13 11:57:50 · 877 阅读 · 15 评论 -
vue3.0响应式原理
vue2中的响应式原理使用的是Object.definePropertyvue3中的响应式原理 使用的是 Proxy代理模式let person = { name: '王五', age '20'}// 代码模拟实现/* target: 代理的对象 propName:被修改的属性 value: 修改时传入的值*/const p = new Proxy(person, { // 有人读取P身上的某个属性时调用 get(target, propName) { console.l原创 2022-03-06 10:54:55 · 430 阅读 · 0 评论 -
vue3.0 中使用echarts图 tooltip 不显示的问题
问题: 由于我需要在后台数据还没请求回来时,在echarts图上加个加载图标,所以定义了一个 全局变量来接收echarts 实例。之后就发现 option配置了 trigger: ‘axis’, 但是 tooltip 显示不出来 tooltip: { trigger: 'axis' }, // 定义了一个全局的响应式变量,用于接收echarts实例const myChart = ref()onMounted(() => { myChart.value = echart原创 2021-12-23 20:11:29 · 6844 阅读 · 9 评论 -
vue 搭建项目后,代码规范配置
1. 集成editorconfig配置EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。VSCode需要安装一个插件:EditorConfig for VS Code我们需要在代码主目录下,创建一个 .editorconfig 文件,将下面的配置复制进去即可# http://editorconfig.orgroot = true[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_st原创 2021-12-04 20:54:03 · 2364 阅读 · 2 评论 -
Vue3 脚手架搭建项目详细过程
一. 安装vue3.0脚手架如果之前安装了2.0的脚手架,要先卸载掉,输入:npm uninstall vue-cli -g 进行全局卸载然后重新安装: npm install @vue/cli -g二,项目搭建过程由于 git bash 来执行命令的时候无法使用键盘上下键来进行选项选择,所以我们要使用 cmd / powershell,这里使用 powershell1.vue create + 项目名称2.模板选择,通过键盘上下键来选择,我们选择第三个 自定义这三个选择分别是 vue2 /原创 2021-12-04 19:56:15 · 12459 阅读 · 1 评论 -
vue3自定义指令(局部 / 全局)
vue3自定义指令原创 2021-12-01 22:54:03 · 6697 阅读 · 0 评论 -
vue3中的computed、watchEffect、watch
一,computed用法一:传入一个getter函数setup() { const firstName = ref('李') const lastName = ref('华') // 传入一个getter函数 const fullName = computed(() => firstName.vaule + lastName.value);}用法二:传入一个对象,对象包含getter/settersetup() { const firstName = ref('李') cons原创 2021-10-05 10:09:08 · 678 阅读 · 0 评论 -
vue3非父子组件通信,provide/inject、全局事件总线
一、provide / inject在一些比较深的嵌套组件中,子组件想要获取父组件的部分内容,就会比较麻烦provide 来提供数据inject使用数据// 父组件通过provide提供数据<script> import Home from './Home.vue'; export default { provide: { name: "李华", age: 18, }, data() {}, methods:原创 2021-09-16 23:37:00 · 668 阅读 · 0 评论 -
vue3父子组件传值,props使用细节
一、父组件要给子组件传值时,可以通过props来完成组件的通信//父组件<template> // 通过自定义属性的方式给子组件传递数据 <message title="父组件中的值"></message></template>//子组件<template> // 使用父组件传递过来的值 <h2> {{title}} </h2></template><script原创 2021-09-12 23:13:44 · 26027 阅读 · 6 评论