Vue开发随手笔记

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

【FastAPI后台API 五】统一响应json数据格式

统一响应json数据格式本系列博客是配合Vue开发一套后台管理系统，对应的Vue教程见个人博客https://www.charmcode.cn/现在了很多项目，都是前后端分离的项目，所以了前后端都会约定传输的数据格式
wgPython·2020-09-15 20:47

简单的前端Vue开发环境

目前做到前端，计划用vue做前端，于是必不可少需要搭建开发环境。我在网上看到的Vue2.0的windows开发环境需要包括Node.js，npm，webpack，vue-cli。其中Node.js为Javascript运行环境（runtime），npm为Nodejs下的包管理器，webpack用于翻译Vue组件并打包成.js文件，vue-cli用来生成模板的Vue工程（也就是封装了类似的脚手架）。
ItsWalter·2020-09-15 19:35

Vue为什么要谨慎使用$attrs与$listeners

前言在Vue开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收props，然后再传递给孙子组件，通过使用v-bind="$attrs"则会带来极大的便利，但同时也会有一些隐患在其中。
·2020-09-15 17:29

vuePress从零开始搭建自己专属的文档集合

VuePress由两部分组成：一部分是支持用Vue开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。
weixin_33979363·2020-09-15 12:28

Vue Jsx Render开发规范

Vue开发规范1.Vuerender页面格式importxxfrom"..
孔彬的技术专栏·2020-09-15 10:36

vue开发之图片加载不出来问题解决

在使用vue开发项目的时候，经常会遇到的一个问题就是：图片加载不出来。下面是我总结的几种图片加载不出来的情况及解决办法。
lihuanan123·2020-09-15 08:05

字符设备驱动程序原理

版权声明本文为博主随手笔记，欢迎评论和转载https://mp.csdn.net/mdeditor/84987796驱动是具有入口和出口的一组方法的集合，这一组方法才是驱动的核心内容。
smartdl·2020-09-15 05:18

个人整理--微信公众号开发之页面开发

微信公众号页面开发文章很乱可能只有自己能明白了下面有自己看别人的博客个人觉得很详细1.使用vue开发页面获取code的时候，需要将重定向的页面用encodeURIComponent进行处理这里配置的网页是不加上
靖哥在学习·2020-09-15 04:10

Vue 搭建一个前端项目

一、前言之前图省事，都是在html中引入Vue.js的CDN来使用Vue开发网站项目，其实正确的做法应该是使用Vue构建一个完整的项目，进而进行前后端分离的开发。二、让我们开始吧！
阳光大男孩!·2020-09-15 03:09

算法设计和数据结构学习_3(《数据结构和问题求解》part2笔记)

前言：本节是datastructuresandalgorithmanalysisinc++(secondedition)中第2大部分的随手笔记，主要内容有算法复杂度分析，标准模板库介绍，递归思想和算法，
weixin_33955681·2020-09-14 22:13

vue开发 - 获取url后面的参数

使用路由获取页面参数在路由中设置path：{path:'/detail/:id/',name:'detail',component:detail,meta:{title:'详情'}}获取参数letid=this.$route.params.id备注:1、参数名需要保持一致2、如果路由中没有传参（http://192.168.1.12:8080/#/detail），会报错，页面无法显示，正常页面为h
L_b115·2020-09-14 15:13

vue实现局部页面缓存+返回上一页传参

问题说明：在使用vue开发的过程中难免会遇到这种问题：1、当我们需要前往另一个页面去做其他操作后，返回上一个页面，上一个页面的状态会被刷新，我们需要让上一个页面的状态保留。
专业前端小白·2020-09-14 15:06

day 83 Vue学习三之vue组件

本节目录一什么是组件二v-model双向数据绑定三组件基础四父子组件传值五平行组件传值六xxx七xxx八xxx一什么是组件首先给大家介绍一下组件(component)的概念我们在进行vue开发的时候，还记得我们自己创建的
deng6648·2020-09-14 13:50

uniapp 微信小程序 vue 生产环境去除console.log 日志

Createdby@一个前端er2020/05/12前端菜鸟一枚，欢迎各位大佬对本博文批评指正这段时间在忙毕业设计，用uniapp开发一个微信小程序，开发软件用的是hbuilderx，因为它就是为uniapp和vue
一个前端er·2020-09-14 11:24

Redux基础

cnpminstallreact-reduxredux--save文档地址：http://cn.redux.js.org/docs/introduction/index.html作用：无论是移动端还是pc端，当你使用React或者vue
一只快乐的前端狗·2020-09-14 08:29

vue中的ref属性

vue中的ref属性  使用vue开发时经常会用到ref属性，ref属性有什么作用呢？
xm2by·2020-09-14 06:00

vue-cli脚手架build目录中的webpack.base.conf.js配置文件详解

webpack.base.conf.js：vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置。
Pluto517·2020-09-14 05:01

webseal和portal的单点登录随手笔记

两个影响深刻的点：1.对于portal群集结构，在DM上生成LTPA即可。通过首选项勾选同步至各个节点的选项把配置同步下去。2.网上有很多详细配置文档，结果最后我自己配置下来还是未能成功，晚上领导带着一起调试只留下一台portal一台ihs从头在webseal开始测试整个过程。发现从ihs能访问/wps/mypotal而从webseal不能，查看日志发现ihs访问/wps/myportal会先重定
Vincent8080·2020-09-14 05:05

这 10 个技巧让你成为一个更好的 Vue 开发者

通过这篇文章，向你们介绍十个很酷的窍门和技巧，以帮助大家成为更好的Vue开发者。
前端小智@大迁世界·2020-09-14 04:02

Vue系列：Vue开发技巧不多不少刚好10个

摘要今天分享下——Vue开发技巧的一些基本知识，欢迎关注！
陈永佳·2020-09-14 03:03
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他