需要通过 Vue Router 实例的 mode 选项来设置，这样 URL 会更加美观，但同样需要后端支持避免问题。 Vue CLI 可以统一项目的架构风格，初始化配置项目依...
IP属地：上海
-
Vue.js - Vue CLI
-
Vue.js - Vue Router
Vue Router 是 Vue.js 的官方插件，用来快速实现单页应用。 单页应用 SPA（Single Page Application）单页面应用程序，简称单页应用。指...
-
Vue.js - 内置组件
动态组件 动态组件适用于多个组件频繁切换的处理。<component> 用于将一个‘元组件’渲染为动态组件，以 is 属性值决定渲染哪个组件。 动态组件常用于实现多个组件的快...
-
Vue.js - 组件插槽
组件插槽可以便捷的设置组件内容。 单个插槽 如果我们希望组件标签可以像 HTML 标签一样设置内容，那么组件的使用灵活度会很高。 但平常我们书写的组件，组件首尾标签中书写的内...
-
Vue.js - 组件通信
在组件间传递数据的操作，称为组件通信。 父组件向子组件传值 通过子组件的 props 选项接收父组件的传值。 注意：props 不要与 data 存在同名属性。 父组件设置方...
-
Vue.js - 组件简介和注册
组件用于封装页面的部分功能，将功能的结构、样式、逻辑代码封装为整体，提高了功能的复用性与可维护性，能更好的专注于业务逻辑。 组件使用时为自定义 HTML 标签形式，通过组件名...
-
Vue.js - 综合案例 TodoMVCTodoMVC 是一个经典项目，让开发者快速实践到框架开发方式。官网地址：http://todomvc.com/[http://todomvc.com/] 准备工作 从 gi...
-
Vue.js - 进阶语法
以下笔记皆基于 Vue 2 自定义指令 指令用于简化 DOM 操作，相当于对基础 DOM 操作的一种封装。当我们希望使用一些内置指令不具备的 DOM 功能时，可以进行自定义指...
-
Vue.js - 事件与表单处理
以下笔记皆基于 Vue 2 事件处理 v-on 指令 v-on 指令用于进行元素的事件绑定，简写方式 @事件类型。当事件程序代码较多时，可以在 methods 中设置函数，并...
-
Vue.js - 基础指令
以下笔记皆基于 Vue 2 指令是本身是给框架识别的一种标记，可以指示框架快速对元素进行处理，减少 DOM 操作，而 Vue.js 指令的本质就是以 v- 开头的 HTML ...
-
Vue.js - 简介
以下笔记皆基于 Vue 2 传统网页开发步骤：通过 AJAX 请求服务器中的数据 => 根据获取的数据生成网页结构 => 设置相关事件以监听用户操作 => 用户操作导致的数据...
-
前端工程化-Webpack 进阶-模块解析、排除依赖打包和模块联邦以下皆为拉勾教育课件内笔记 模块解析（resolve） resolve resolve 可以配置 Webpack 中模块的解析规则。详情查看：https://www.webp...
-
前端工程化-Webpack 进阶-删除冗余代码、缓存以下皆为拉勾教育课件内笔记 删除冗余代码（Tree Shaking） 简介 Tree Shaking 的作用是，打包时，删除未引用的代码（dead code） 何为未引用代码...
-
前端工程化-Webpack 进阶-代码分割和源码映射以下皆为拉勾教育课件内笔记 代码分割 为什么（Why） 我们知道 Webpack 是⼀款打包工具，但现在为什么又要进行代码分割呢？如果把所有代码都打包到⼀起，可能最终的代码非...
-
前端工程化-Webpack 进阶-区分打包环境、自定义 plugin 和 loader以下皆为拉勾教育课件内笔记 区分打包环境 通过环境变量区分 详情：https://www.webpackjs.com/guides/environment-variables...
-
前端工程化-Webpack 基础-打包字体、资源模块、开发服务器
以下皆为拉勾教育课件内笔记 打包字体 下载字体文件 https://www.iconfont.cn/[https://www.iconfont.cn/] file-loade...
-
前端工程化-Webpack 基础-打包 HTML、JS 和图片以下皆为拉勾教育课件内笔记 打包 HTML 生成 HTML html-webpack-plugin，该插件用来创建 HTML 文件，创建的 HTML 文件默认引⼊打包后的所有...
-
前端工程化-Webpack 基础-打包CSS
以下皆为拉勾教育课件内笔记 转换 CSS 例如，我们现在如果需要对 CSS 文件进行打包。我们就需要 CSS 对应的 loader （打包器）。一般来说有两个 loader：...
-
前端工程化-Webpack 概述以下皆为拉勾教育课件内笔记 简介 什么是 Webpack Webpack = Web Package，webpack 是⼀个现代 JS 应用程序的静态模块打包器（Module...
-
前端工程化-ES Modules
ES Modules 是 2015 年推出的，语言层面的模块化规范，与运行环境无关，服务器和浏览器中都能使用。 在 html 中，通过给 script 添加 type = m...