前言前段时间，Vite 做了一个优化依赖预编译（Dependency Pre-Bundling）。简而言之，它指的是 Vite 会在 DevServer 启动前对需要预编译的依赖进行编译，然后在分析模块的导入（import）时会动态地应用编译过的依赖。这么一说，我想大家可能立马会抛出一个疑问：Vite 不是 No Bundle 吗？确实 Vite 是 No Bundle，但是依赖预编译并不是意味着

前言如果仔细观察浏览器加载Vue-Cli项目的时候，默认情况下，只会加载app.js文件，即所有文件都是在app.js文件中，然后浏览器读取app.js进行加载，所以如果项目很大，这种加载方式显然是影响用户体验。那么这时候就要通过按需加载的方式来异步加载组件，从而达到分割代码的作用。常规的加载方式常规或者新手在Vue-Cli项目中引入组件，都是如下：import component f...

前言在 5月22日的 Vue Conf 21 上，尤大介绍在介绍单文件组件（SFC）在编译阶段的优化的时候，讲了 SFC Style CSS Variable Injection 这个提案，即 <style> 动态变量注入。简单地讲，它可以让你在 <style> 中通过 v-bind 的方式使用 <script> 中定义好的变量。这么一听，似乎很像 CSS In

前言SEO(Search Engine Optimization)，即搜索引擎优化。权威的解释是利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。具体到怎么实现，就是通过在网页上内嵌一些meta属性来达到更好地被搜索引擎爬取关键信息，从而提升自身的搜索排名。单页应用（Single Page Application）由Vue-Cli打包生成的网站的文件就是单页应用，它只有一个Index...

近期在使用vue-cli3.0写项目，所以就来对比一下vue-cli2.0和vue-cli3.0Vue-cli 2.0全局安装npm install -g vue-cli创建项目vue init webpack project-name项目目录结构Vue-cli 3.0全局安装npm install -g @vue/cli-service-glob...

需要先对表单的select标签的size属性进行设置，以及要声明multiple属性代码：&amp;lt;!doctype html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot

前言近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的（Experimental）阶段。在 RFC 的动机（Motivation）中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 reactive 对象的使用。而到处使用 .value 可能会很麻烦，如果在没使用类型系统的情况下，也会很容易错过

前言： 不知不觉走在编程的路上已经一个年头多些，在自学的前部分时间都在看别人写的程序。最近这几个月几乎都在自己捣鼓程序…导致很少去吸收别人写的程序的优点。回到正题~最近在玩vue社区的一个很有名的框架iView，并且也在看它生态中的iView Admin模板。刚开始就掉坑了…全局前置守卫（钩子）基础语法：const router = new VueRouter({ ... })rou...

前言距离尤大大在微博宣布「vite」的出现，不知不觉间已经过了 2 个月多。当时，「vite」只是支持对 .vue 文件的即时编译和 import 的 rewrite，相应地「Plugin」也没有几个。并且，最初在「GitHub」上「vite」的 slogan 是这样的：—— No-bundle Dev Server for Vue 3 Single-File Components.可以看到，起初

前言项目描述：一个基于优鲜食物的移动端购物网站（大部分功能模块已实现，适合有一定Vue基础的人学习）技术栈：Vue CLI+Vue Router+Vuex+Less+Mint UI+axios+Swiper+Animate+Better Scroll+Mock+Vue Touch