Vue
文章平均质量分 61
The..Fuir
这个作者很懒,什么都没留下…
展开
-
Vue的生命周期详解
Vue的生命周期就是vue实例从创建到销毁的全过程,也就是 new Vue() 开始就是vue生命周期的开始。Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom-->渲染、更新-->渲染、卸载 等一系列过程,称这是Vue的生命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。原创 2022-09-30 10:42:20 · 2328 阅读 · 1 评论 -
npm install XXX 加上-s、-d、-g和什么都不加的区别
npm install XXX 加上-s、-d、-g和什么都不加的区别原创 2022-09-28 10:06:49 · 931 阅读 · 0 评论 -
BMap api is not loaded(Echarts 空气质量图引入)
BMap api is not loaded(Echarts 空气质量图引入)原创 2022-09-27 16:17:05 · 3823 阅读 · 5 评论 -
百度地图信息窗体框背景样式修改(标记点与海量点弹信息框)
百度地图信息窗体框背景样式修改(标记点与海量点弹信息框)原创 2022-09-27 14:34:25 · 3050 阅读 · 1 评论 -
Vue:v-on、v-bind、v-model、@click、:model用法以及区别(附代码实例)
Vue:v-on、v-bind、v-model、@click、:model用法以及区别(附代码实例)原创 2022-09-26 09:03:03 · 1901 阅读 · 2 评论 -
vue使用echarts报错Initialize failed: invalid dom
Initialize failed: invalid dom原创 2022-09-22 16:19:06 · 503 阅读 · 0 评论 -
Echarts报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)原创 2022-09-22 16:08:27 · 2280 阅读 · 0 评论 -
vue中的.env | .env.development | .env.production的使用
.env——全局默认配置文件,无论什么环境都会加载合并.env.development——开发环境下的配置文件.env.production——生产环境下的配置文件原创 2022-09-14 11:26:25 · 4666 阅读 · 2 评论 -
vue路径component使用import的方式来写 component: () => import(‘@/views/order/orderDetail‘)
为什么要是使用vue路由懒加载vue这种单页面应用,如果我们不去做路由懒加载,打包之后的文件将会异常的大,就会造成进入首页时,需要加载的内容过多,时间过长,会出现长时间的白屏,不利于用户体验,运用懒加载就可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。原创 2022-09-13 08:11:53 · 6828 阅读 · 2 评论 -
(前端版)RuoYi(若依开源框架)研究第一天
前端版RouYi(开源框架原创 2022-09-09 16:07:51 · 2676 阅读 · 0 评论 -
若依框架:登录时如何解决404和验证码问题
若依框架:登录时如何解决404和验证码问题原创 2022-09-08 18:00:10 · 3885 阅读 · 3 评论 -
真数组、伪数组的转换和区别(Array.prototype.slice.call())
常见的伪数组有:1.document.getElementsByTagName和document.childNodes,返回NodeList对象的都是伪数组。2.function的arguments对象。3.上传文件时选择的file对象也是伪数组。原创 2022-09-08 09:45:21 · 510 阅读 · 0 评论 -
Vue基础:父子组件之间的传参
父子组件之间的传参原创 2022-08-30 16:02:55 · 4431 阅读 · 0 评论 -
关于不使用Vuex仓库发请求与接收数据(会出现声明周期的bug可能拿不到数据(不太懂))
不使用Vuex仓库发请求与接收数据原创 2022-08-30 12:37:34 · 302 阅读 · 0 评论 -
Vue中ref和$refs的使用方法
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。...原创 2022-08-30 11:09:49 · 481 阅读 · 0 评论 -
Vue基础:父子组件访问的方式
有时候我们需要父组件直接访问子组件(通过$children或$refs),子组件直接访问父组件($parent)。原创 2022-08-30 10:30:30 · 1001 阅读 · 0 评论 -
TypeError: Cannot read properties of undefined (reading ‘xxx‘)
TypeError: Cannot read properties of undefined (reading ‘xxx‘)原创 2022-08-30 11:10:38 · 1981 阅读 · 0 评论 -
Cannot read property ‘length‘ of undefined
Cannot read property 'length' of undefined原创 2022-08-29 22:51:15 · 1816 阅读 · 0 评论 -
JS基础:什么是Set和Map
Set是一种叫做集合的数据结构集合集合是由一组无序且唯一(即不能重复)的项组成的,可以想象成集合是一个既没有重复元素,也没有顺序概念的数组ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值Set 本身是一个构造函数,用来生成 Set 数据结构...原创 2022-08-12 18:01:06 · 163 阅读 · 0 评论 -
JS基础:数组内对象的过滤(filter、map)
数组内对象的过滤(filter、map)原创 2022-08-12 09:54:00 · 5952 阅读 · 0 评论 -
Vue提升:理解vue中的 slot-scope=“scope“
slot是插槽,slot-scope=“scope“语义更加明确,相当于一行的数据,在实际开发中会碰到如下的场景原创 2022-08-12 09:49:15 · 8385 阅读 · 0 评论 -
Parsing error: No Babel config file detected for XXX. Either disable config file checking with XXX
Parsing error: No Babel config file detected for XXX. Either disable config file checking with XXX原创 2022-08-09 09:46:06 · 206 阅读 · 0 评论 -
实习路途:记录给我的第一个实习项目中的困惑
1:像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大。 2:造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也是不利于用户体验。 3:而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时...原创 2022-08-03 14:31:15 · 119 阅读 · 0 评论 -
关于Git小乌龟的安装及简单使用
1)下载git,直接去官网下载Git - Downloads,根据自己的系统合理下载,然后一路next就可以了2)安装工具小乌龟,官网:Download – TortoiseGit – Windows Shell Interface to Git,也是,简单的一路next,值得一提的是要在安装完git之后,才能安装小乌龟...原创 2022-08-03 11:17:20 · 3933 阅读 · 0 评论 -
cnpm 安装成功后提示不是内部和外部命令,也不是可运行的命令解决方案
cnpm 安装成功后提示不是内部和外部命令,也不是可运行的命令解决方案原创 2022-08-03 10:48:12 · 4055 阅读 · 3 评论 -
vue项目配置代理解决跨域问题
什么是跨域?JavaScript同源策略:当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。不同域之间相互请求资源,就算作“跨域”。同源策略要求源相同才能正常进行通信,即协议、域名、端口号都完全一致。**同源策略限制:**表单提交、AJAX请求等。 注意:跨域并不是请求发不出去,请求能发出去,服务端能收到请求并正常返回结果,只是结果被浏览器拦截了。......原创 2022-08-03 09:10:25 · 4979 阅读 · 0 评论 -
Vue前端项目运行
环境:vscode、node.js、cnpm/yarnnpm安装起来太慢了、建议使用 cnpm或yarn1.从码云上下载前台项目,使用vscode打开2.安装依赖(请提前自行安装 cnmp 或 yarn)原创 2022-08-02 22:30:44 · 3831 阅读 · 0 评论 -
项目报错:node、npm版本切换工具nvm解决node-sass版本不匹配问题
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime解决方法nvm是一个node的版本管理工具,可以简单操作node版本的切换、安装、查看。。。等等,与npm不同的是,npm是依赖包的管理工具。...原创 2022-08-02 21:28:27 · 787 阅读 · 0 评论 -
尚硅谷尚品项目汇笔记(三)
三级联动:如果使用声明式导航router-link,可以实现路由的跳转与传递参数但需要注意的,会出现卡顿现象。router-link: 可是一个组件啊,当服务器的数据返回之后,循环出很多的router-link组件【创建组件实例的循环】 中间过程还要把虚拟dom转换为真实dom...原创 2022-08-02 11:23:54 · 228 阅读 · 0 评论 -
尚硅谷尚品项目汇笔记(二)
(1)编程式导航路由跳转到当前路由(参数不变), 多次执行会抛出 NavigationDuplicated 的警告错误?---路由跳转两种方式:声明式导航,编程式导航注意:编程式导航(push|replace)才会有这种情况的异常,声明式导航是没有这种问题,因为声明式导航 vue-router 底层内部已经解决这种问题。这种异常,对于程序没有任何影响的。为什么编程式导航会出现这种现象:由于 vue-router 最新版本 3.5.2,引入了 promise,当传递参数多次且重复,会抛出异...原创 2022-08-02 11:21:27 · 201 阅读 · 0 评论 -
尚硅谷尚品项目汇笔记(一)
public 文件夹:一般放置一些静态资源(图片),需要注意,放置 public 文件夹中的静态资源,webpack 进行打包的时候,会原封不动打包到 dist 文件夹中src 文件夹(程序员源代码文件夹):assets 文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在 asset 文件夹里面静态资源,在 webpack 打包的时候,webpack 会把静态资源当作一个模块,打包 Js 文件里面。......原创 2022-07-27 16:57:23 · 556 阅读 · 0 评论 -
Parsing error: No Babel config file detected for XXX
Parsing error: No Babel config file detected for XXX原创 2022-07-26 15:06:40 · 819 阅读 · 0 评论 -
vue eslint报错:Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
Component name "index" should always be multi-word.eslintvue/multi-word-component-names原创 2022-07-26 10:59:54 · 24199 阅读 · 5 评论 -
semi-colon expectedcss(css-semicolonexpected)
semi-colon expectedcss(css-semicolonexpected)原创 2022-07-26 10:44:32 · 1454 阅读 · 1 评论 -
Vue理解之路:如何在Vue项目中使用vuex
1.首先安装vuex包,安装完之后开始配置2.在src目录下创建一个文件夹store,在store文件夹中新建一个index.js文件3.创建Vuex.store实例 :index.js中进行如下配置:编辑4.向Vue实例注入store:main.js中进行如下配置:5.配置完后就可以在任意组件中使用了.........原创 2022-07-24 17:18:02 · 2913 阅读 · 0 评论 -
Vue理解之路:组件通信:父子通信、兄弟通信
1、props:用于父=》子组件通信 父组件通过props的方式向子组件传递数据,而子组件通过$emit 可以向父组件通信。举例:子组件的props选项能够接收来自父组件数据。没错,仅仅只能接收,props是单向绑定的,即只能父组件向子组件传递,不能反向。而传递的方式也分为两种:......原创 2022-07-24 16:26:08 · 311 阅读 · 0 评论 -
Vue理解之路:render: h => h(App) 是什么意思?
h 是 Vue.js 里面的 createElement 函数。这个函数的作用就是生成一个 VNode节点,render 函数得到这个 VNode 节点之后,返回给 Vue.js 的 mount 函数,渲染成真实 DOM 节点,并挂载到根节点上。在Vue构造函数时,需要配置一个el属性,如果没有没有el属性,可以使用.$mount('#app')进行挂载。...原创 2022-07-23 21:54:52 · 324 阅读 · 0 评论 -
Vue理解之路:在vuecli脚手架中进行组件通信
举一个最简单webcli脚手架中页面父子组件通信的例子原创 2022-07-23 21:24:10 · 124 阅读 · 0 评论 -
技术提升之路:搭建vuecli之后的基本配置项理解
进入 src 文件夹,这是实际都工程文件夹,其他文件夹以及文件以后在了解。3个文件夹assets - 各类静态资源文件夹- 比如 图片, css 文件等。components - 组件文件夹组件是 vue 等 MVC 框架等核心概念,自行了解含义。view - 视图文件夹。...原创 2022-07-23 15:59:14 · 68 阅读 · 0 评论 -
技术提升之路:ESLint: clear(vue/comment-directive)
在rules里配置上这句 "vue/comment-directive": "off"原创 2022-07-23 09:39:31 · 1939 阅读 · 3 评论