Vue
分享在工作中运用vue时遇到的问题及解决方案
前端魔法师
这个作者很懒,什么都没留下…
展开
-
Vue-Cli 的使用
Vue-Cli 的使用原创 2020-12-24 11:42:04 · 208 阅读 · 0 评论 -
vue.js 原理及应用
vue.js 原理及应用原创 2020-12-18 11:28:12 · 165 阅读 · 1 评论 -
vue与element(使用与跳坑)
记录在vue中如何使用element原创 2020-12-18 11:26:50 · 180 阅读 · 0 评论 -
工作解疑
文章目录vuevue-cli2Vue 运行后http://0.0.0.0:8080地址无法打开 也 没有自动打开浏览器vue-cli3vuevue-cli2这里讲述的是我在维护更新使用vue-cli2项目时遇到的问题vue-cli2 文档地址Vue 运行后http://0.0.0.0:8080地址无法打开 也 没有自动打开浏览器问题在公司遇到一个老项目,发现启动之后本地地址是http://0.0.0.0:8080的,而且也没有自动打开浏览器,点击这个地址之后是这样的然后在本地地址才能够打原创 2020-11-13 13:41:17 · 206 阅读 · 0 评论 -
Vue中引入字体并解决字体文件过大问题
利用 CSS3 @font-face 规则指定名为"myFirstFont"的字体,并指定在哪里可以找到它的URL:@font-face{font-family: myFirstFont;src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9 */}在main.js中全局引用文件import '@/styles/index.scss'解决字体文件过大问题Fontmin - 字体子集化方案原创 2020-09-29 11:32:30 · 5634 阅读 · 0 评论 -
Vue组件通信方法大全
文章目录父子组件传值props downprpos传递数据单向数据流prpos验证events upviewmodel链ref链事件总线父子组件传值props downprpos传递数据单向数据流prpos验证events upviewmodel链ref链事件总线...原创 2020-04-03 09:12:20 · 185 阅读 · 0 评论 -
Vue组件基础大全
文章目录组件基础组件介绍组件的注册全局组件注册局部组件注册组件注册简写全局组件注册简写局部组件注册简写组件的data方法组件基础组件介绍模块化就是将系统功能分离成独立的功能部分的方法,一般指的是单个的某一种东西,例如js、css而组件化针对的是页面中的整个完整的功能模块划分,组件是一个html、css、js、image等外链资源,这些部分组成的一个聚合体优点:代码复用,便于维护划分组...原创 2020-03-27 22:21:42 · 247 阅读 · 0 评论 -
Vue自定义指令及封装轮播图案例
文章目录自定义指令简介自定义指令注册钩子函数钩子函数案例钩子函数参数参数简单案例函数简写函数简写案例对象字面量自定义指令与轮播图简单案例自定义指令简介自定义指令,对普通的DOM元素进行底层操作。除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM...原创 2020-03-25 21:08:57 · 404 阅读 · 0 评论 -
Vue生命周期钩子函数全解析
文章目录Vue生命周期介绍生命周期图示八个钩子函数详解先创建实例,组件,渲染在页面然后分别调用钩子函数,了解其特性及作用beforeCreatVue生命周期介绍Vue实例从创建到销毁的一系列过程叫做实例的声明周期。vue在整个生命周期里面提供了一些函数,可以在内部实现一些业务逻辑,并且这些函数会在一些特定的场合下去执行。(在生命周期的某一个时刻进行触发)生命周期可分为四个阶段创建实例...原创 2020-03-24 22:23:23 · 939 阅读 · 0 评论 -
浅谈Vue核心虚拟dom
文章目录什么是虚拟dom操作dom的传统方式虚拟dom模拟实现虚拟domdiff算法v-for中的key值参考文章什么是虚拟dom操作dom的传统方式浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步,用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。第二...原创 2020-03-23 22:12:34 · 192 阅读 · 0 评论 -
Vue案例之实现ToDolist
实现效果核心思想程序代码css代码 /* 按钮样式 */ .btn { display: flex; justify-content: flex-end; margin-top: 10px; } .btn p { margin: 5px 5px; } #app .select {...原创 2020-03-19 22:23:59 · 502 阅读 · 0 评论