之前看书学习vue,书籍对应的版本是vue2,今天群里看小伙伴聊天，觉得他们说得对 ，反正是从零开始学，而且vue2都不维护了，那为什么不直接学习vue3呢，于是乎，又开启了从0学vue3之路。
问题一：请说出vue-cli工程中每个文件夹和文件的用处 vue-cli目录结构： vue-cli目录解析： build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件
我们能发现，引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。
项目开发流程 划分目录 引用两个css文件 项目模块划分：tabbar->路由映射关系 目录风格 文件夹字母小写，组件首字母大写比较清晰 代码组织格式 一个项目里页面唯一的用id，多个用class methods，方法里面写函数，生命周期只负责调用就行 页面复杂的话就再分子组件 $el：相当于根组件，可以拿到组件的js原生值比如浏览宽高 目录结构 注意看每个文件的后缀名，没有后缀的就是文件夹。 src assets 静态资源 css base 地基（公共样式，自己的）
1、vue.js：vue-cli工程的核心，主要特点是 双向数据绑定 和 组件系统。 2、vue-router：vue官方推荐使用的路由框架。 3、vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护vue组件间共用的一些 变量 和 方法。 4、axios（ 或者 fetch 、ajax ）：用于发起 GET 、或 POST 等 http请求，基于 Promise 设计。 5、vux等：一个专为vue设计的移动端UI组件库。 6、创建一个emit.js文件，用于vue事件机制的管理。 7、webpack：模块加载和vue-cli工程打包器。
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
vite2是一个非常好用的工具，只是随着代码的增多，打包的时候 vendor-xxxxxx.js 文件也越来越大，这就郁闷了。
之前我们在脚手架2运行时是用的npm run dev,现在脚手架3用的是npm run serve,可以在package.json里面找到
如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。
以前使用 JQuery 开发前端页面的时候，页面中引用的资源文件如js、css等，一般尾部加一个 t=[时间戳] 参数，用于防止修改不生效。现在工程化开发，使用 Webpack 编译，打包的资源文件路径里自动带有一串随机字符串，称为 hash：
想在vite.config.js 里面判断一下环境，看看是不是开发环境，查了一下官网（https://cn.vitejs.dev/guide/env-and-mode.html），说是 可以使用 import.meta.env.DEV 。
1、背后靠山（google），有着稳定的维护团队。且google的Adwords业务就使用了angular，作为一个赚钱的业务，google也会让它的环境更稳定一些。 2、angular+typescript，google和微软的双剑合璧。angular全面支持typescript语法，typescript不仅包含es6中的语法，也包括一些新的语法， 最重要的一点是它增加了类型规则，这让代码的可读性和可维护性大大的提高，它也可以让有java或.net背景的开发人员更快的掌握。 3、完整。其实相对react和vue来说，angular更可以说是一个框架，而react和vue本身只能算是一个库。angular自带了几乎所有页面应具有的功能，路由、表单、ajax、模版、双向数据绑定等等。它原生的form表单模块非常强大，除了双向绑定的基本功能，还自带验证等，开发人员不需要再去为了这些功能找第三方库，angular一个框架就包含了这些的所有，因此对于选择困难症人群，这是一个优点。 4、每个框架都有自己的cli脚手架，可以快速搭建项目雏形。angular-cli自带国际化。 5、它的每一个组件都是一个文件夹，html、js、和css文件是分开的，让代码更加清晰。 而且它的各类型文件单独存在，在开发中使用任何IDE都可以检查代码。可以使用自带的格式化功能，让开发过程中的代码更整洁。
vue在项目打包之后，会生成一个dist文件夹。在dist文件夹里面又有一个js/app.js文件，这里主要存放的是整个项目的业务逻辑代码。随着项目不断的开发迭代，业务逻辑越来越多，app.js文件也会越来越大。在线上就会容易出现进入首页时所需时间过长或者出现白屏的问题。
随着前端框架的快速更新迭代，现在的主流前端框架之一Vue.js迎来了它的新版本3.0。在今年2020的5月28日，Vue.js的作者尤雨溪公布了Vue3的整个设计过程，让我们来了解一下吧。
未进行打包优化的痛点： 随着项目的不断扩大，引入的第三方库会越来越多，我们每次build的时候会对所有的文件进行打包，耗时必定很长，不利于日常开发。 解决思路： 第三方库我们只是引入到项目里来，一般不会经常性的去修改源码，一般都是在src目录下编写业务代码，因此可以把第三方依赖和src分开打包。 每次build的时候我们只需要把之前build好的第三方依赖文件引入到项目中即可，避免了我们每次build的时候都会build第三方依赖。 当第三方依赖发生改变的时候我们只需要把第三方依赖再buil
构建生产版本——库模式 https://cn.vitejs.dev/guide/build.html#library-mode
首先将 Vue.js 下载到本地，本章就以本地的 Vue.js 为例。在本地创建一个工作区即创建一个文件夹，使用 vscode 打开，将 Vue.js 放到工作区目录下。
phpstorm （https://www.jetbrains.com/phpstorm/）
这是我入职第三天的故事，在写这篇文章之前，先来看看咱们今天要讲的主角——vue-loader，你对它了解多少？
从 Vue.js 的目录设计可以看到，作者把功能模块拆分的非常清楚，相关的逻辑放在一个独立的目录下维护，并且把复用的代码也抽成一个独立目录。
用过vue的朋友大概对vuex也不陌生，vuex的官方解释是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说的简单点就是对vue的状态进行统一管理，如下图介绍了其管理模式：
之前的文章当中，我们把所有的数据都存放到了 vuex文件夹当中的store.js当中。但随着将来项目的复杂度增大，共享的状态越来越多，越来越复杂！在这个时候我们需要将状态根据功能来对其进行模块化，同时也是为了便于将来的维护，所以分开写会更好一些。 今天我们主要来学习一下module:状态管理器的模块化操作。 假如项目中包括两个模块，分别为广告模块与用户模块。 首先在src文件夹下新建一个vuex文件夹，然后在该文件夹下新建一个index.js文件用于生成Store对象。然后在vuex文件夹下新建adv与user文件夹，最后分别在这两个文件夹内创建一个index.js文件。如图
MVVM 是 Model-View-ViewModel 的简写，它本质上是 MVC 的改进版。MVVM 将其中的 View 的状态和行为抽象化，并且将视图 UI 和业务逻辑分开。 （1）M：即 Model（模型），包括数据和一些基本操作。 （2）V：即 View（视图），指页面渲染结果。 （3）VM：即 View-Model，指模型与视图间的双向操作（无须开发者干涉）。
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 包括以下工具：
前后端分离项目如果做成 SPA（单页面）的形式，就必然面临一个首屏加载的问题，因为默认情况下首页文件比较大，可能超过 1 MB，进而带来首页加载很慢的问题。所以我们要通过优化，来提高首页的加载速度。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
在上一篇文章中，我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建，并创建了第一个mpvue小程序代码骨架并将其运行起来。在本文中，我们来研究熟悉一下mpvue项目的主要目录和文件结构。
我们都知道页面渲染从new Vue开始，但是实际上代码在这之前先注册了Vue构造函数和各种能力才能保证new Vue的正常运作。从开发者角度看，可以看到Vue的大致全貌，其暴露了哪些东西。
使用Loading分为2种情况，第一种是使用一些组件库自带的loading，另一种是使用我们自己写的loading，现分开介绍使用方法
近年来，伴随着大前端概念的提出和兴起，移动端和前端的边界变得越来越模糊，涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术，到现在耳熟能详的React Native、Weex和Flutter等技术，无不体现着移动端开发的前端化。而阿里巴巴在2016年6月开源的Weex移动跨平台框架，语法上使用Vue.js编写，更加贴近Web前端开发，在性能和快速迭代方面，相比其他框架也有一定的优势。
vue打包后的js文件越来越大，这会是影响加载时间的重要因数。当构建的项目比较大的时候，懒加载可以分割代码块，提高页面的初始加载效率。下面是几种常见vue路由懒加载的方法。
传统项目大多数是 MVC 架构，直接使用 PHP 等后端语言渲染 HTML 模板，返回给浏览器
vue-server-renderer 是vue srr 服务器端渲染的核心模块，我们会使用koa搭建服务器。
微信小程序开发过程中，许多开发者会遇到 小程序 与 Web 端一起的需求，由于 小程序 与 Web 端的运行环境不同，开发者往往需要维护两套类似的代码，这对开发者来说比较耗费力气，并且会出现不同步的情况。
本文翻译自，翻译技巧不太好，不喜勿碰 ： 4 Ways To Boost Your Vue.js App With Webpack 众所周知，webpack 是 开发 vue.js 单页面应用程序的必备工具，通过管理复杂的构建步骤，它可以使您的开发工作流程更加简单，并且可以优化应用程序的大小和性能。 在本文中，我将解释Webpack增强Vue应用程序的四种方法，包括：
接触微信小程序有一段时间的开发者或开发团队，我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架，尤其是一些做过Web开发的开发者，受到现如今Web主流开发框架如Angular，React，Vue等的核心思想的影响，对数据/状态管理、组件化、跨平台等都有较高的追求。
React 和 Vue 就像可口可乐和百事可乐，很多你可以在 React 中做的事，也同样可以在 Vue 中做。不过两者仍然有一些重要的概念上的差异，其中一些反映了 Angular 对 Vue 的影响。
我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :
一般开发项目除了正式的生产环境，还会有对应的开发环境、测试环境和预发布环境，每个环境所访问的接口地址肯定不一样，如果自己一个个手动修改那就太不程序猿了。
在上一篇文章中，我们熟悉了一下通过vue-cli生成的mpvue工程代码骨架的基本结构，大致了解了每一个部分的代码到底要放到何处。从本文起我们就开始涉及真正的编码部分，学习使用Vue的语法去编写小程序。
注意：这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。
如果有人问你将在 2020 年选择哪种框架进行开发，你的答案将是什么？很明显，你主要有两个选择：React.Js 和 Vue.Js！但是，如果你需要选择一个怎么办？好吧，两个最受欢迎的框架 React Js 和 Vue.Js 之间的战斗是真实的。确实很难表明哪个能推翻另一个。但是，我们试图在此处区分这两个框架。请阅读本文…
一、安装我们所需要的一些库 cnpm install mint-ui -S // 安装mint-ui库，ui库，cnmp是按照淘宝镜像后的用法，用法和npm一样。-s是将库添加到项目的packag
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
