![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 87
Ruonorth
The more you do,the more you can do.
展开
-
Vue源码阅读——框架分析
随着Vue框架状态越来越火热,不少feder已经不仅仅满足于vue框架的使用,有很多人都打算阅读vue源码来提升自己。那么提到源码阅读就不免产生了一个问题,到底要从何处开始源码阅读呢?package的入口:// package.json"main": "dist/vue.runtime.common.js"经过全局搜索文件名找到入口源码的打包配置在scripts/config.js// scripts/config.js 'web-runtime-cjs-dev': { entry原创 2021-05-17 09:46:37 · 637 阅读 · 1 评论 -
webpack优化——Dllplugin
前言我入行的时候前端框架就盛行,react、angular、vue等框架大行其道。这些框架的好处是十分显然的,便捷、快速且稳定。如果框架搭建的足够便捷不熟悉业务的人也能够快速上手项目,拿vue-cli来说,现成的脚手架已经集成了webpack、eslint、bable等常见框架的基础配置,而这些配置未必最优却通用性很强,对于初学者来说甚者可以不去了解这些常见框架就可以直接上手开发了。正是由于框架的便捷性,使得框架更加流行。vue-cli3更是直接把配置内置在了第三方插件里,让你在工作目录中完全看不到基础配原创 2021-03-04 01:57:05 · 1709 阅读 · 1 评论 -
Vue源码阅读(三)——实例初始化
可以看到在实例初始化的过程当中,在vue的原型链当中挂载了_init方法,该方法当中进行了uid递增,performance标记标记,_isVue赋值,判定实例化是否传入组件化参数,是则进行内部组件初始化,否则进行传入参数覆盖式合并构造器参数的数据。在非生产环境对实例进行代理,在生产环境则将实例自身赋值给_renderProxy将实例赋值给_self属性,并进行一系列初始化操作非生产环境下存在性能属性则进行监测实例的$options对象存在el属性则挂载// src/core/instance原创 2020-08-29 00:57:19 · 400 阅读 · 0 评论 -
inject/provide与响应式数据
provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的属性还是可响应的。说人话就是如果你把对象都改了那这个改动就追踪不到了,如果你就改了个对象属性那这种响应就能追踪到。以下是具体的代码分析。这意味着,出于某种考虑,vue故意将provide/inject设定为不可响应的。也就是说如果你的provide的数据改变,inject是不会接受到这个改变,然而如果你provide的内容是一个可响应的数据,比如一个对象引用,那么这个对象的属性是可以原创 2020-08-28 00:12:44 · 2361 阅读 · 2 评论 -
基于Vue-cli的多目录项目配置
直接用vue-cli创建的项目可以创建一个单页面应用,开发环境和生产环境都是以一个单独的项目为目录的。在写一些有共性的模块时需要将所有组件放在同一个大的框架下的同时又需要每个模块可以进行单独的启动和打包。此时就需要进行个性化配置。原创 2018-09-28 02:56:55 · 5257 阅读 · 2 评论 -
Vue的路由动态重定向和导航守卫
根据vue官方文档,对于重定向有详细的示例,但是关于使用方法动态重定向的描述却不多,重定向部分的描述如下:重定向 重定向也是通过 routes 配置来完成,下面例子是从 /a 重定向到 /b:const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ]})重定向的目标也可以是一个命原创 2018-01-10 16:03:43 · 16802 阅读 · 2 评论 -
如何优雅的记录编程中遇到的问题
一篇持续更新的干货贴♪(^∀^●)ノシ **1. 解决div中文字和图片水平对齐问题**当div同时出现img和span,会出现图片高于文字的现象,用以下三种方法可以解决这个问题。1、第一种方法是使用vertical-align: middle首先设置图片和文字的vertical-align: middle这个时候要注意,如果图片大小和文字大小不一样,比如20px的图片和16px的字,一定要设置文字的l原创 2017-07-17 01:00:19 · 634 阅读 · 0 评论 -
Vue-cli中的静态资源管理(src/assets和static/的区别)
你可能注意到了我们的静态资源共有两个目录src/assets和static/,你们它们之间有怎样的区别呢?资源打包为了回答这个问题,我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png” 和backgrou翻译 2017-11-07 16:09:32 · 38536 阅读 · 1 评论 -
从零开始学Vue(零)开天辟地
一、什么是Vue Vue:是一套构建用户界面的渐进式框架。 那么该如何理解渐进式框架呢?这里的框架是指MVVM框架,关于渐进式是指与其他框架想比更少的主张。也就是足够的optional,但并不主张很多required。当什么时候我们需要用到vue? 当我们更加关注Model的变化时,就可以让vue框架去自动更新DOM的状态,从而把开发者从操作DOM的繁琐步骤中解脱出来! MVVM(Model-原创 2017-08-06 21:51:36 · 862 阅读 · 0 评论