vue
文章平均质量分 65
沐日(Shrek)
这个作者很懒,什么都没留下…
展开
-
全局状态管理插件 Vuex 介绍及使用
通过理论知识学习 Vuex 全局状态管理,理解 Vuex 工作原理的同时,通过小例子实践 Vuex 的使用原创 2023-02-17 23:14:24 · 8092 阅读 · 1 评论 -
Vue-Router 介绍及路由原理分析
单页面开发模式的路由全权交由前端来控制,这里的路由不是我们说的路由器等硬件设备,它是前端的路径管理器。而 Vue-Router 是官方提供的路由插件,市面上也不乏路由管理插件,但是只有 Vue-Router 能和 Vue 深度集成完美搭配原创 2023-02-17 22:04:11 · 20606 阅读 · 3 评论 -
CSS 预处理工具 Less 的介绍及使用 步骤
本篇博客学习的是 CSS 预处理器,吃透本篇博客内容,对后期上手开发项目写 CSS 部分,有很大的帮助,比如项目的主题色我们可以设置多个变量,不用重复的编写。Flex 布局可以写成一个公用的方法,不必每次都写重复的代码。简单说就是提取大量重复的代码,能让 CSS 更加规范。原创 2023-02-17 21:50:34 · 8082 阅读 · 0 评论 -
Vue常用指令及声明周期
学习一门新的框架语言,我个人认为最好的方式就是去它的官网把相应的生命周期以及 API 都用 Demo 的形式实操一遍,那本篇博客也不例外,带大家简单了解一下 Vue 的指令和生命周期原创 2023-02-17 21:39:01 · 661 阅读 · 0 评论 -
Vue报错:Mixed spaces and tabs no-mixed-spaces-and-tabs
在开发过程中使用了ESLint,用来规范代码风格。在Webpack配置中使用了eslint-loader。eslint是语法检查工具,缺点是对所写代码要求过于严格。 配置文件中的属性启用此规则。大多数代码惯例要求使用制表符或空格来缩进。因此,如果单行代码与制表符和空格缩进,通常会出现错误。此规则不允许使用混合空格和制表符进行缩进。此规则的错误代码示例:此规则的正确代码示例:3、解决办法3.1 取消eslintESLint官方文档3.2 代码格式化需要插件:VeturVetur是一个功能非常强大原创 2022-06-13 09:30:49 · 6837 阅读 · 0 评论 -
Vue中Mixin的初级认识
Vue中Mixin学习,看完这一篇便能基本懂得如何使用了原创 2022-05-02 15:19:24 · 180 阅读 · 0 评论 -
Vue3 过渡&动画
Vue的过渡与动画的基本使用步骤原创 2022-05-02 14:27:55 · 794 阅读 · 0 评论 -
动态component组件与keep-alive组件状态的缓存
keep-alive对于组件状态的缓存与动态component组件原创 2022-05-02 09:26:32 · 670 阅读 · 0 评论 -
Vue中组件的v-model
Vue中组件之间的值动态绑定 v-model原创 2022-05-02 08:55:44 · 1198 阅读 · 0 评论 -
axios的基本使用
axios,一个被Vue官方推荐使用的网络请求工具原创 2022-04-25 08:10:48 · 2254 阅读 · 0 评论 -
对元编程、Vue渐进式框架的简单理解
元编程:Vue具有明显的元编程特征,所谓元编程是指框架的作者使用一种编程语言固有的语言特性,创造出相对新的语言特性,使得最终使用者能够以新的语法和语义来构建他们的应用系统,从而在某些领域的开发中获得更好的开发体验。渐进式框架:Vue.js始终维持着一个理念:“这个框架应该是渐进式的”所谓渐进式框架,就是把框架分层。如下图所示:而分层可以解释为:你即可以只用最核心的视图渲染功能来快速开发一些需求,也可以使用一整套全家桶来开发大型应用。Vue.js有足够的灵活性来适应不同的需求,所以你可以根据自己的原创 2022-03-22 23:00:41 · 305 阅读 · 0 评论 -
解决vue和vue-template-compiler版本不一致问题
解决Vue和Vue-template-complier版本不一样问题原创 2022-03-18 16:56:23 · 38065 阅读 · 5 评论 -
关于对Vue中slot插槽理解
关于slot插槽理解1.何时需要使用插槽在开发中,我们需要将共性内容抽取到组件中,将不同的暴露为插槽。插槽的益处便是,一旦预留了插槽,使用者便可以根据自己的需求来决定插槽中插入的的内容2. slot的基本使用<div id='app'> <my-cpn></my-cpn> <my-cpn> <p style="color: red;">我是替换的内容</p> </my-cpn>原创 2021-06-16 13:16:10 · 7084 阅读 · 1 评论