![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue工程化
chenmo2019
前端
展开
-
[VUE] 空数组直接赋值和push的区别
尽量用for (var i = 0; i < changearr_k.length; i++) {var obj = {};obj.key = changearr_k[i];obj.value = changearr_v[i];this.tableData.push(obj);}不推荐for (var i = 0; i < changearr_k.length; i++) {var obj = {};obj.key = changearr_k[i];obj.value =原创 2020-12-22 09:08:38 · 3385 阅读 · 0 评论 -
vue-圣杯布局实例
文章目录写在前面创建vue项目vue环境配置vue项目创建依赖配置安装依赖引入依赖参考文献写在前面为了能够在下次实现前端页面的快速开发。创建vue项目vue环境配置略vue项目创建vue creat ol_vue02选择的是default,这个版本是仅运行时版本,不包含编译器。详见https://www.cnblogs.com/xiaonian8/p/13705109.html要配置文件:在项目目录下新建vue.config.js,写入以下代码:module.exports = {原创 2020-11-05 17:27:35 · 880 阅读 · 0 评论 -
Vue启动报错Error:Cannot find module ‘array-includes‘
Vue启动报错Error:Cannot find module ‘array-includes’解决办法:删除项目中的node_modules文件夹清空所有依赖,cnpm cache clean重新安装依赖,cpnm install重新启动就可以了转载 2020-09-04 16:03:58 · 178 阅读 · 0 评论 -
vue框架
加载index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>zjzs</title> </head> <body> <div i原创 2020-08-31 17:18:25 · 131 阅读 · 0 评论 -
Vue框架目录
文章目录node_modulespublicassetssrc.gitignorebabel.config.jspackage.jsonpackage-lock.jsonvue.confignode_modules首次NPM后生成。public静态资源目录,build之后,public下面的文件会原封不动的添加到dist中,不会被合并、压缩;多用来存放第三方插件。类似于vue2中的 static 目录。assetsbuild之后,assets目录中的文件,会被合并到一个文件中,然后进行压缩。多原创 2020-08-17 18:19:06 · 223 阅读 · 0 评论 -
Vue框架下的Arcgis API for Javascript开发
文章目录历史回顾DojojQueryBootstrapCommonJSVue.js与传统开发的不同历史回顾传统的webgis开发主要是主要用到的技术有Dojo、jQuery、Bootstrap、CommonJS。DojoDojo 是一个比较老的框架,Arcgis API for JavaScript 就是基于这个框架开发的。jQueryjQuery是一个继Prototype之后又一个优秀的JavaScript代码库(框架)。jQuery的设计宗旨是“Write less,do more”。j原创 2020-08-17 15:49:24 · 666 阅读 · 0 评论 -
Vue Loader
Vue Loader 是一个 webpack的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件: {{ msg }}Vue Loader 还提供了很多酷炫的特性:允许为 Vue 组件的每个部分使用其它的 webpack loader,例如在 简而言之,webpack 和 Vue Loader 的结合为你提供了一个现代、灵活且极其强大的前端工作流,来帮助撰写 Vue.js 应用。...原创 2020-08-13 13:53:44 · 77 阅读 · 0 评论 -
通过 Babel 和 webpack 使用 ES2015 模块
ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。BabelBabel 是一个 JavaScript 编译器Babel 是一个工具链,主要用于将 ECMAScript 201原创 2020-08-13 11:23:00 · 648 阅读 · 0 评论 -
单文件组件-起步
文章目录例子沙箱针对刚接触 JavaScript 模块开发系统的用户针对高级用户例子沙箱如果你希望深入了解并开始使用单文件组件,请来 CodeSandbox 看看这个简单的 todo 应用。针对刚接触 JavaScript 模块开发系统的用户有了 .vue 组件,我们就进入了高级 JavaScript 应用领域。如果你没有准备好的话,意味着还需要学会使用一些附加的工具:Node Package Manager (NPM):阅读 Getting Started guide 中关于如何从注册地(r转载 2020-08-13 09:37:38 · 94 阅读 · 0 评论 -
Pug,Jade,stylus
文章目录预处理器PugJade,stylus预处理器预处理器是在真正的编译开始之前由编译器调用的独立程序。预处理器可以删除注释、包含其他文件以及执行宏(宏macro是一段重复文字的简短描写)替代。PugPug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。是一种通过缩进(表示标签间的嵌套关系)的方式来编写代码的过程,在编译的过程中,不需要考虑标签是否闭合的问题。可以加快写代码速度,也为代码复用提供了便捷。Jade,stylusvue原创 2020-08-13 09:12:41 · 267 阅读 · 0 评论 -
如何在一个文件中写多个Vue组件(译-有删改)
原文地址 Writing multiple Vue components in a single file在一个文件中编写多个组件是React的模式,其中一些文件包含多个组件。走开发过程中,有些组件对文件/导出组件是“私有的”,因为没有其他组件需要使用它们。这个时候我们倾向于把它们写到一个文件中。文章目录一. 使用render函数二. 使用Vue.component和template三. 仅使用template而不使用Vue.component四.使用JSX(编译为渲染函数)我们将使用vue-cli翻译 2020-08-12 19:09:22 · 2426 阅读 · 0 评论