Vue开发随手笔记第39页

在vue中使用echarts(折线图的demo,markline用法)

公司最近在用vue开发项目，项目接近尾声了，趁休息时间写点demo——vue引入echarts（折线图的demo）主要是解决引入echarts，markline的使用（基准线）这是demo的效果图：vue

·2020-10-03 11:46

Vue安装及环境配置、开发工具

本文主要介绍了Vue的安装及环境配置，新建vue项目，简单介绍vue开发工具和项目结构。

袁小萌同学·2020-09-29 17:08

vue angular 前端开发环境下的代理设置（有异曲同工之妙）

angular开发proxy.conf.jsonhttps://www.cnblogs.com/hanguidong/p/9460495.htmlvue开发vue.config.jsonhttps://

Future1994·2020-09-24 13:30

Vue全家桶开发系列：通过设置webpack的proxyTable实现跨域请求

在使用Vue开发项目时，因为前后端分离，经常遇到跨域请求的问题，通用的方法是在后端设置Access-Control-Allow-Origin:*。

chuqiecheng9969·2020-09-17 15:31

使用vant样式修改不了问题

important都没有效果，原因：由于vue开发时会在style加上scoped避免全局污染，所以正常开发时直接修改外部组件（vant）的样式时会不生效，我们把scoped删除后会发现样式是可以生效的

asteriaV·2020-09-17 15:39

vue开发之[Vue warn]: Do not use built-in or reserved HTML elements as component id: body

第二次使用vue+elementUI，一开始开发就遇到问题，自己先记着。问题出在加载组件时，组件的命名跟标签重复了，所以就会报以下的错误只要把这里的name给成其他的比如然后就没问题了。这里还有一篇解释的更好的博文，大家可以看看https://cnodejs.org/topic/5816aabdcf18d0333412d323

Isworking·2020-09-17 15:20

ES6解构赋值及扩展运算符

今天我们来聊下ES6中的解构赋值和扩展运算符，它们在原生js开发、vue开发、小程序开发等等应用非常广泛！

红旗下的小兵·2020-09-17 09:54

Vue webpack 开发环境搭建

vue开发环境搭建vue开发环境搭建初始化安装基本的包使用webpack引入vue使用babel使用eslint和prettiervue开发环境搭建初始化创建一个文件夹，手动在文件管理器里面创建或者通过命令创建

undeflined·2020-09-17 07:13

vue开发（一）vscode安装插件

vue开发使用的ide和插件vscodeliveserver插件LiveServer用于本地开发自动重载静态页面veturVuetoolingforVSCode,poweredbyvue-language-server.Doc

中国lanwp·2020-09-17 07:50

解决ubuntu中“Unable to acquire the dpkg frontend lock (/var/lib/dpkg/lock-frontend), is another proce..

随手笔记：在Ubuntu中经常会由于某些不知名原因导致进程被锁，甚至在关机时也会造成冲突。

最底层程序猿·2020-09-17 05:34

全国计算机等级考试二级教程--C语言程序设计（2018年版）随手笔记（二）

Sumjess·2020-09-17 02:51

聊一聊cc的变化侦测和hook实现

前言最近浏览到vue开发者尤雨溪以前的采访文章，感触颇深，其中有一段问答大概是这样：采访：是什么驱使你开发Vue.js的？

weixin_34234823·2020-09-17 02:02

vscode vue开发环境搭建

以前仅了解过VUE但没有真正上手过，现在因为工作需要准备再近几个月里系统的学习一下这款超火的前端框架，希望大佬们指教。-----------------------------------------------------------------平时比较喜欢使用vscode，就在网上查了下搭建指南，记录一下我的搭建过程1、登录node官网下载https://nodejs.org/en/2、安装n

weixin_30674525·2020-09-17 02:30

vue动态挂载路由

后台管理系统中根据用户权限显示不同菜单是很基础的需求，使用vue开发通常我们是遍历路由（this.

KnifeBlade·2020-09-17 01:31

windows环境下vue开发环境搭建

vue环境搭建浏览器chormeIDE:VScode或者WebStormNode.js8.9+,npm先下载node.js然后安装https://nodejs.org/en/下载了windows版64位node.js安装cmd进入dos输入node-v检查node安装上没有这样就已经是安装成功了，由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，使用https://regist

景天·2020-09-17 01:44

Vue前端开发规范

vue官方、腾讯全端AlloyTeam团队1环境1.1代码工具推荐VSCode、webstorm、sublime、Atom统一开发，尽量使用VSCode，轻量、插件多，免费1.2工具插件（VSCode）Vue

梦里谁知身是客·2020-09-17 00:26

vue开发规范

H5规范编号事项说明备注代码案例1代码规范统一IDE使用EditorConfig插件控制缩进，保证代码的可读性统一使用markdown编写文档SVN提交需写明备注，列明当前代码修改项添加注释：1.文件头部2.含内注释/**/***@Title模块名*@Title模块名*@Auther作者名*@Params参数组*@Params参数组*@Des描述*@Des描述**/*@Time创建时间(如：201

sdouara13·2020-09-16 23:03

Vue请求封装

现在大部分的Vue开发者都使用了axios请求方式新建一个Http.js文件引入axios(需要npm安装到项目中)引入Vue（存储登录信息）importaxiosfrom'axios'importVuefrom'vue'importutilfrom

阿旺你好啊·2020-09-16 22:31

Vue在Element-ui项目中如何使用Iconfont(阿里图标库)

我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。

JackieDYH·2020-09-16 21:45

Vue开发复用组件的基本思想

可复用组件的价值在于高复用性，它更能将一个项目往高内聚、低耦合的方向发展。1.组件命名------按组件功能命名；2.组件内容------明确组件需要实现什么样的功能；3.组件体积------越小越好维护，能拆就拆，按需划分；4.组件独立------尽量不依赖外部条件，props、emit是解耦和复用的关键。原文https://www.jianshu.com/p/79a37137e45d转载于:h

weixin_30339969·2020-09-16 16:29

vue组件封装

答：我用vue开发的所有项目，都是采用组件化的思想开发的。

星空之火@田兴·2020-09-16 15:11

Vue 开发必须知道的 36 个技巧

Vue开发必须知道的36个技巧【近1W字】写的非常好链接：https://juejin.im/post/5d9d386fe51d45784d3f8637

陈大左·2020-09-16 14:26

Vue 开发必须知道的 36 个技巧【近1W字

Beta等版本,预计至少要等到2020年第一季度才有可能发布3.0正式版;所以应该趁还没出来加紧打好Vue2.x的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue

民国周先生·2020-09-16 14:36

使用vue开发popover组件接连踩坑过程实录

ps：只是说明思路，生产中不采用此方式html代码:popover里面的内容点击复制代码vue组件代码:exportdefault{name:"GuLuPopover",data(){return{visible:false}},methods:{onClick(){this.visible=!this.visible}}}复制代码通过给按钮添加click方法,切换visible的值来控制文本的显

weixin_33827731·2020-09-16 14:24

基于vue页面的多个标题滑动吸顶与多选分页加载

由于整个项目都是基于vue开发的，项目里有的页面是用vux中的scroll组件实现分页的，看文档里这个组件都已经不维护了，所以用的是vue-infinite-scroll组件，分页就不用多说了。

this_ITBoy·2020-09-16 12:53

vue数组修改不触发视图更新、vue向响应式对象添加或删除属性

背景：在vue开发中会遇到data数据更改后view试图不会进行响应式更新的情况以下4种情况不触发vue响应式更新！！

广积粮缓称王·2020-09-16 10:31

vue开发环境和生产环境应用

1.需求项目中经常会有线上线下接口地址服务内网外网的区分,发布的时候改来改去很麻烦..有些不能统一配置的内网外网就引用的时候需要判断一下.//process.env是全局配置的可以在各个js和vue组件中使用if(process.env.NODE_ENV==='development'){//开发环境production生产环境//引用js接口地址...}else{//引用js接口地址...}

xinxin_zhu·2020-09-16 10:31

【vue开发问题-解决方法】（七）Vue不能检测到对象属性添加或删除，vue不能检测到数组的变动问题...

由于JavaScript的限制，Vue不能检测对象属性的添加或删除。vue实现数据双向绑定有这么一个过程：当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty()把这些属性全部转为getter/setter。每个组件实例都有相应的watcher实例对象，它会在组件渲染的过程中把属性记录为依赖，之后当依赖

anken1536·2020-09-16 09:42

Echarts全国各省市区地图JS/geojson/svg/excel数据

项目用Vue开发，npm安装了echarts，node_modules文件夹下面找到echarts，里面会有个map文件夹，有js和json文件的包含全国省市的地图数据。2

David_HJW·2020-09-16 09:39

vue项目，访问路径#号的问题

原因：对于vue开发的单页面应用，我们在切换不同的页面的时候，可以发现html永远只有一个，这也正是称之为单页面的原因。而vue-router默认hash模式--------使用URL的

快乐的小三菊·2020-09-16 04:14

vue2.0 配置绝对路径

在vue开发项目中需要对路径进行设置。最简单的就是设置为绝对路径。找到项目中的build文件夹下的webpack.base.conf.js只需要看上面的配置图片即可。其实很简单的。

well2049·2020-09-16 04:24

vue开发环境安装

以下是个人理解，避免误人子弟，如果有不对的地方，欢迎指正。搞清楚几个概念什么是node.js?Node.js是一个基于ChromeV8引擎的JavaScript运行环境。Node.js使用了一个事件驱动、非阻塞式I/O的模型，使其轻量又高效。安装node.js推荐官网下载安装，下载地址：http://nodejs.cn/download/打开命令行工具：node--version如果出现版本号，说

weixin_34252686·2020-09-16 04:41

使用vue开发项目需要注意的问题和可能踩到的坑

最近,在公司给一些刚刚使用vue进行开发的同学做了一次分享,其中包括一些vue开发中需要注意的点,以及一些可能会踩到的坑.具体内容如下:一.生命钩子使用需要注意的地方1.beforeCreate文档描述

weixin_34119545·2020-09-16 04:03

Vue去掉地址栏URL里的#

问题描述：在使用Vue开发页面时默认请求地址会出现#号，在一些场景中，例如：微信支付时，分享的url作为参数传递，url不能带#号。

alastbing·2020-09-16 04:16

Vue开发--使用vue-quill-editor制作富文本框

富文本编辑器在任何项目中都会用到，在Element中我们推荐vue-quill-editor组件，现在我就把它提供给大家，希望对大家有用。1-安装npminstallvue-quill-editor--save2-编写组件首先创建ue.vue组件，exportdefault{name:'UE',data(){return{editor:null}},props:{defaultMsg:{type:

小白开发MOOC·2020-09-16 03:27

Element_UI

Element_UI1.ElementUI引言官网:element.eleme.io/#/zh-CN1.1官方定义网站快速成型工具和桌面端组件库1.2定义elementui就是基于vue的一个ui框架,该框架基于vue

爱丽丝学园·2020-09-16 03:20

vue开发中把地址栏#号去掉的原因详解

我们知道路由的两种模式：hash模式（上面的模式）：地址栏包含#，#后面内容相对于被屏蔽了，而前面的内容不会变，所以#后面的内容不会被后台获取。history模式：具有对url历史记录修改的功能。所以在微信支付、分享url作为参数传递时,#不能满足要求，history需要后台配合，处理404等问题，这样#就不需要了。

希境·2020-09-16 03:47

Vue开发规范

规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的文档命名规范为了让大家书写可维护的代码，而不是一次性的代码让团队当中其他人看你的代码能一目了然甚至一段时间时候后你再看你某个时候写的代码也能看css命名规范遵循bem命名规范（bem命名规范官方文档）1）块：具有独立意义的实体（eg:header、container、menu、form、input）2)元素：块的一部分，没

Lotus王·2020-09-16 03:02

vue开发问题积累

mounted钩子中使用$refs出现undefined原因：如果在DOM结构中的某个DOM节点使用了v-if、v-show或者v-for（即根据获得的后台数据来动态操作DOM，即响应式），那么这些DOM是不会再mounted阶段找到的。**解决方法：**如果说mounted阶段是加载阶段，那么updated阶段则是完成了数据更新到DOM的阶段。在update阶段使用this.$refs.xxx，

Lotus王·2020-09-16 03:30

Vue功能臃肿后进行分离

当使用Vue开发时，会因为只写method在同一个方法中，造成页面达到上千行，翻页都翻得人头疼！！！还有就是一个方法写在了多个地方，造成阅读障碍。例如：今天开发就遇到了这个问题。哭死。

Airthunder·2020-09-16 03:17

vue入门—— vue CLI脚手架

Vue.js开发大型应用时，需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架.使用vue-cli可以快速搭建Vue

Cookie_fzx·2020-09-16 03:58

Vue开发中的常用技巧（持续更新）

1.监听子组件的生命周期例如有父组件Parent和子组件Child，如果父组件监听到子组件挂载mounted就做一些逻辑处理，常规写法可能如下：//Parent.vue//Child.vuemounted(){this.$emit('mounted');}这里提供一种简便的方法，子组件无需做任何处理，只需要在父组件引用子组件时使用@hook方法来监听即可，代码如下：//Parent.vuemeth

algor1234567·2020-09-16 02:16

搭建vue开发环境的步骤

搭建vue开发环境的步骤vue现如今在前端中，是前端工程师比较常用的框架之一，他和angular有一些相似之处，所以用过angular的伙伴们，再来学习vue应该不会感觉太难；一：在搭建vue的开发环境之前

programmerxb·2020-09-16 02:30

Vue 开发必须知道的 36 个技巧

Beta等版本,预计至少要等到2020年第一季度才有可能发布3.0正式版;所以应该趁还没出来加紧打好Vue2.x的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue

web前端开发V·2020-09-16 02:48

使用vue开发一个项目（一）

在学习了vue基础之后，为了能够在vue开发项目上有一个真正的提升，所以打算用vue来做一个完整的项目，将其记录下来首先建立一个工程文件夹，在这个文件夹下打开命令行工具，在命令行中敲入以下命令安装上vue

何良语·2020-09-16 02:17

如何去除vue中访问路径#

对于vue开发的单页面应用，我们在切换不同的页面的时候，可以发现html永远只有一个，这也真是称之为单页面的原因，而vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当

chunyanqu4933·2020-09-16 02:18

vue 使用 HTML5 history 模式发布在IIS

vue开发的页面路由中默认使用hash模式。这种模式的话URL会携带一个#号。像这样：http://www.abc.com/#/hello。如果不想出现这个#号的话可以采用history模式。

随风...·2020-09-16 01:57

关于vue 所开发的钉钉 H5 微应用中， dd.ready() 不执行的解决方案

废话不多说，原因在于从官网复制的代码里的匿名函数function(){}，在vue开发里是无效的，需要改成箭头函

随风...·2020-09-16 00:56

使用vue开发钉钉的移动端web页面经验总结

一、背景最近公司有个定制需求，需要开发一套能在钉钉上打开的移动端页面，功能简单，但时间也不是很多。因为有vue的开发经验，就决定使用vue做开发语言。又因为需要快速开发，就决定使用vant组件库来快速构建页面。如今，是想将这次开发的经验记录一下，供以后参考。二、页面构建和尺寸适配构建页面就直接使用vue-cli脚手架，可以快速创建一个项目。下面是创建项目的命令，具体选项就不多说了。vuecreat

妖无涯·2020-09-16 00:55

推荐频道

Vue开发随手笔记

在vue中使用echarts(折线图的demo,markline用法)

Vue安装及环境配置、开发工具

推荐一本Vue开发的书籍

vue angular 前端 开发环境下的代理设置 （有异曲同工之妙）

Vue全家桶开发系列：通过设置webpack的proxyTable实现跨域请求

使用vant样式修改不了问题

vue开发之[Vue warn]: Do not use built-in or reserved HTML elements as component id: body

ES6解构赋值及扩展运算符

Vue webpack 开发环境搭建

vue开发（一）vscode安装插件

解决ubuntu中“Unable to acquire the dpkg frontend lock (/var/lib/dpkg/lock-frontend), is another proce..

全国计算机等级考试二级教程--C语言程序设计（2018年版） 随手笔记（二）

聊一聊cc的变化侦测和hook实现

vscode vue开发环境搭建

vue动态挂载路由

windows环境下vue开发环境搭建

Vue前端开发规范

vue开发规范

Vue请求封装

Vue在Element-ui项目中如何使用Iconfont(阿里图标库)

Vue开发复用组件的基本思想

vue组件封装

Vue 开发必须知道的 36 个技巧

Vue 开发必须知道的 36 个技巧【近1W字

使用vue开发popover组件接连踩坑过程实录

基于vue页面的多个标题滑动吸顶与多选分页加载

vue数组修改不触发视图更新、vue向响应式对象添加或删除属性

vue开发环境和生产环境应用

【vue开发问题-解决方法】（七）Vue不能检测到对象属性添加或删除 ，vue不能检测到数组的变动问题...

Echarts全国各省市区地图JS/geojson/svg/excel数据

vue项目，访问路径#号的问题

vue2.0 配置绝对路径

vue开发环境安装

使用vue开发项目需要注意的问题和可能踩到的坑

Vue去掉地址栏URL里的#

Vue开发--使用vue-quill-editor制作富文本框

Element_UI

vue开发中把地址栏#号去掉的原因详解

Vue开发规范

vue开发问题积累

Vue功能臃肿后进行分离

vue入门—— vue CLI脚手架

Vue开发中的常用技巧（持续更新）

搭建vue开发环境的步骤

Vue 开发必须知道的 36 个技巧

使用vue开发一个项目（一）

如何去除vue中访问路径#

vue 使用 HTML5 history 模式发布在IIS

关于vue 所开发的钉钉 H5 微应用中， dd.ready() 不执行的解决方案

使用vue开发钉钉的移动端web页面经验总结

vue angular 前端开发环境下的代理设置（有异曲同工之妙）

全国计算机等级考试二级教程--C语言程序设计（2018年版）随手笔记（二）

【vue开发问题-解决方法】（七）Vue不能检测到对象属性添加或删除，vue不能检测到数组的变动问题...