Vue知识点
文章平均质量分 66
余光、
一旦走出舒适区,你内心的痛点才是促使你前行的动力
2022年重新出发
展开
-
vue.js入门2-组件-todolist-组件原理、拆分
大家好~在写完上一篇博客后,我回想了一下,发现印象又加深,但是这还不够,我们需要将它们熟练的运用起来,本来博客开始,先写一个最简单的todolist,以回忆上一篇文章的内容,我们共勉,加油~一、todolist简单功能开发先写好最基本的框架: <div id="root"> <div>原创 2018-08-24 15:30:40 · 797 阅读 · 1 评论 -
Vue系列 => 条件与循环
条件与循环我们抛开文档上的细节,我们先来建立条件渲染的大致框架因为数据的可操作性,让我们可以轻松的控制页面中的某一部分的显示与否。当我们控制显示的变量 showSwitch为false时,请大家看它在dom结构中的显示。v-if<div v-if="showSwitch">1234</div>特点当判断值为假时,不存在于DOM树中参与了局部编译/卸...原创 2019-07-22 19:32:02 · 741 阅读 · 0 评论 -
Vue系列 =>虚拟Dom和key属性的作用
在我刚接触前端的时候,在我还没有接触框架的时候,操作DOM最多的就是通过JQ来完成,它帮助我们减少了代码量、在逻辑不变的情况下减少了出错的可能性。但是jQ并没有在根本上解决Dom对性能的影响,或者说只要操作DOM,就一定会对性能造成影响,只不过有些影响我们可以承受,而这也催生出了Vue和React等框架,数据操作Dom。...原创 2019-07-19 20:23:39 · 1520 阅读 · 0 评论 -
vue中通过路由跳转的三种方式
简单记录,预计于7.20日前完善router-view 实现路由内容的地方,引入组件时写到需要引入的地方需要注意的是,使用vue-router控制路由则必须router-view作为容器。通过路由跳转的基本方式1、router-link 【实现跳转最简单的方法】<router-link to='需要跳转到的页面的路径>浏览器在解析时,将它解析成一个类似于 的标签。 ...原创 2019-07-17 16:08:36 · 1750 阅读 · 0 评论 -
Element分析(工具篇)帮助我们定位元素 => Popper.js
说明popper是参考popper.js来实现浮动的工具,结构十分清晰明了,通过modifiers来处理数据的思路在vue中也有相应的体现,因此值得学习,源码较长,建议大家复制到自己的 IDE 中观看。源码解读/** * 模块处理,支持:Node,AMD,浏览器全局变量 * root 指代全局变量 * factory 指代下面的 Popper */;(function (root,...原创 2019-07-17 14:08:52 · 6625 阅读 · 0 评论 -
Vue系列 =>双向绑定和单向数据流并不冲突
双向绑定,从字面上来看我的理解就是通过数据关联的双方总是体现出同步的状态。看下图:一提到vue,或者我们在接触vue相关的问题的时候,总是会被问到vue的双向绑定的原理是什么,或者说它是怎么做到双向绑定的。它又为什么会被设计成单向数据流?这里我们要记住一点,Vue是单项数据流,不是双向绑定。Vue所体现的双向绑定是一种语法糖。Object.defineProperty是用来做...原创 2019-07-19 09:51:45 · 680 阅读 · 0 评论 -
基于vue.js完成网易云音乐移动布局-首页部分
为了提高自己对vue框架的理解能力,在看过组件化之后,决定利用文档,写一个移动app的布局。稍后一段时间会解释一下运用的组件、方法原创 2018-10-24 16:08:05 · 1004 阅读 · 0 评论 -
Vue => vuex浅析1
看了一遍文档,打算在实际运用中进一步熟悉,学习vuex的思想,我们来看一下他的机制一、安装在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件npm install vuex --save我们依据官网的提示,以此引入import Vue from...原创 2018-10-08 22:27:35 · 286 阅读 · 0 评论 -
Vue.js入门3-MVVM模式-组件化浅析
话不多说,继续学习vue相关知识,这一节我们简单讲解一下vue组件的创建与使用。Vue.component ("greeting" , { template: "&lt;p&gt;大家好,这是一个组件&lt;/p&gt;" }) var one = new Vue({ el:&qu原创 2018-09-21 15:57:17 · 321 阅读 · 0 评论 -
Vue 面试题(一) => 常用却容易忽视的细节
做做题、换换脑子、付香丧害啊~自己会的知识,当别人问起时就要讲的头头是道!1、v-show 与 v-if 有什么区别?v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。<h1 v-if="awesome">Vue is awesome!</h1>也可以用 v-else 添加一个“else 块”:<h1 ...原创 2019-09-04 11:40:43 · 394 阅读 · 0 评论