Vue学习笔记和案例
文章平均质量分 74
上官海岚
前端小伙子
展开
-
【解决问题】‘vue‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
【解决问题】'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。原创 2023-04-04 21:50:41 · 39213 阅读 · 30 评论 -
【解决问题】Vue 项目中安装依赖 npm install 一直报错
关于运行 vue 项目时 下载依赖包 npm install 出现报错无法解决的问题,本文是找到的通用思路,对应的是因版本问题导致的失败场景的解决方案原创 2023-04-04 16:22:13 · 12755 阅读 · 1 评论 -
打开Vue项目时出现“error:03000086:digital envelope routines::initialization error”的解决方法
打开Vue项目时出现“error:03000086:digital envelope routines::initialization error”的解决方法原创 2023-03-17 14:47:49 · 10241 阅读 · 5 评论 -
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记(八)
本文整理了B站尚硅谷Vue2.0 + Vue3.0 全家桶入门到精通教程视频关于 Vue 3.0部分的知识课程笔记,包括:Vue3 简介、创建 Vue3.0 工程、常用 Composition API、 Composition API 的优势、新的组件以及其他改变等。原创 2023-03-01 16:56:20 · 1681 阅读 · 0 评论 -
解决 VSCode 中组件输入点击事件 @click 后自动弹出“$event =>” 的问题
关闭VSCode编辑器的启用内联提示。关闭了“$event =>”的提示。解决"volar.inlayHints.eventArgumentInInlineHandlers": false` to hide Event Argument in Inline Handlers原创 2023-02-24 12:08:57 · 7644 阅读 · 4 评论 -
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 (六)和(七)
本文整理了B站尚硅谷Vue2.0 + Vue3.0 入门到精通教程视频第六章和第七章的学习内容的笔记,包括路由的相关理解、基本路由、嵌套(多级)路由、路由传参、编程式路由导航以及 Vue UI 的组件库等知识原创 2023-01-18 23:10:04 · 570 阅读 · 0 评论 -
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 (五)
本文整理了B站尚硅谷Vue2.0 + Vue3.0 入门到精通教程视频第五章的学习内容的笔记,包括Vuex 核心概念和相应的API、VUex 工作原理、多组件数据共享、模块化+命名空间等知识。原创 2023-01-10 16:39:17 · 393 阅读 · 0 评论 -
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 (四)
本文整理了B站尚硅谷Vue2.0 + Vue3.0 入门到精通教程视频第四章的学习内容的笔记,包括Vue 脚手架配置代理,GitHub 用户搜索案例,vue项目中常用的2个Ajax库,slot插槽等知识。原创 2022-12-24 22:51:30 · 510 阅读 · 0 评论 -
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 (三)
本文整理了B站尚硅谷Vue2.0 + Vue3.0 入门到精通教程视频第三章 Vue脚手架的学习内容笔记,包含初始化脚手架、ref与props属性、混入、插件、自定义事件、全局事件总线、消息订阅与发布、过渡与动画以及TodoList案例实操等内容。原创 2022-12-24 12:33:04 · 861 阅读 · 0 评论 -
尚硅谷 Vue 2.0 + Vue 3.0 入门到精通教程学习笔记 (二)
本文主要记录尚硅谷Vue学习教程笔记的第二章部分——Vue 组件化编程:包括模块与组件、模块化与组件化、非单文件组件和单文件组件的知识。原创 2022-12-12 21:39:42 · 362 阅读 · 0 评论 -
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 (一)
本文为总结尚硅谷Vue2.0+Vue3.0 的学习笔记系列的第一章——Vue的核心,包含Vue简介、模板语法、数据绑定、MVVM模型、事件处理,计算属性与监视、class与style绑定、列表渲染、过滤器、内置指定和自定义指令以及Vue生命周期等知识点原创 2022-12-08 16:23:22 · 2382 阅读 · 0 评论 -
vue eslint 报错:Component name “xxxxx“ should always be multi-word.eslintvue/multi-word-component-name
vue-cli全新创建项目,并建立组件时提示报错,VSCode会标红提示,如图: npm run serve / yarn serve也会报错:Ctrl+Shift+M 问题面板出现 新手在组件命名的时候不够规范,根据官方风格指南,除了根组件(App.vue)外,自定义组件名称应该由多单词组成,防止和html标签冲突。而最新的vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件,在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-w原创 2022-12-03 12:13:08 · 1641 阅读 · 0 评论 -
the “scope“ attribute for scoped slots have been deprecated and replaced by “slot-scope“ since 2.5
WARNING Compiled with 1 warning warning in ./src/App.vue?vue&type=template&id=7ba5bd90&Module Warning (from ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js):(Emitted value instead of an instance of Error) the "scope" attribute for sc原创 2022-12-01 22:56:32 · 2556 阅读 · 0 评论 -
执行 this.$destroy()后原生DOM事件也无法执行
执行 this.$destroy()后原生DOM事件也无法执行,原因是vue.js版本的问题原创 2022-11-22 21:15:18 · 1272 阅读 · 1 评论 -
Vue.config.productionTip = false 不起作用时的解决方案
把刚下载下来的 Vue.js 文件打开,大概在代码第362行处有 “productionTip: true” ,这段代码意思是(是否开启生产提示:是),我们直接将 true 修改成 flase 保存即可,再次打开 HTML 按F12键,可以发现提示没了。第一段提示是要求去下载Vue的开发者工具(浏览器插件),尚硅谷的视频里提供的资料里的插件不知道为什么不能拖动到浏览器上添加,我后面自己翻墙去谷歌浏览器应用商店添加了。如果能用尚硅谷提供的插件最好,毕竟国内是不能直接访问谷歌浏览器应用商店的。原创 2022-11-03 21:31:43 · 1859 阅读 · 2 评论