vue
Vue推荐VSCode开发必备的插件
首先这几个是VSCode推荐Vue开发必备的插件Vetur——语法高亮、智能感知、Emmet等包含格式化功能，Alt+Shift+F（格式化全文），Ctrl+KCtrl+F（格式化选中代码，两个Ctrl需要同时按着）EsLint——语法纠错viewinbrowser&md...
webstorm启动vue，出现Errors: 8 http://eslint.org/docs/rules/indent等错误解决方法
用webstorm创建工程的时候，提示提示是否启用eslint检测的。 UseESLinttolintyourcode?这里有两种处理方式：1、直接选择no，后面的工程代码不受eslint限制2、如果没有留意选择yes，可进行以下方式处理： 在build/webp...
Win10+VSCode 开发Vue + + Vue-Cli + ElementUI 项目实践【一，环境舒初始化】
Win10+VSCode开发Vue++Vue-Cli+ElementUI项目实践【一，环境初始化】本文开发环境：Node.jsv12.13.0npm6.12.0cnpm6.1.0vue2.xvue-cli4.0.5Element-UI6.12.0VSCode1.40.0开发环境初始化NodeJs到官网http://no...
vue报错Duplicate keys detected: 1 . This may cause an update error.key值重复
除了网上大家都在说的原因key值重复之外还有一个原因就是有两个相同的for循环，而这两个for循环的key值是一样的，此时将一个的key值加一个数字或者加一个字符串例如<template><divclass="nav"><divv-for="(item,index)iniconHref"c...
vue单页应用在页面刷新时保留状态数据的方法
在Vue单页应用中，如果在某一个具体路由的具体页面下点击刷新，那么刷新后，页面的状态信息可能就会丢失掉。这时候应该怎么处理呢？如果你也有这个疑惑，这篇文章或许能够帮助到你一、问题现在产品上有个需求：单页应用走到某个具体的页面，然后点击刷新后，刷新的页面要与刷新前的页面要保持一致。这时候就需要我们保存刷新之前页面的状态。...
Vue watch 监听复杂对象变化，oldvalue 和 newValue 一致的解决办法。
watch的常规用法：watch:{tempData:function(value,oldValue){console.log(value,oldValue)}}但是如果需要监听的数据是对象、内嵌多层的对象后，需要用到watch中的deep属性。类似于下面这种对象内嵌的对象：data(){return{dataList...
vue项目的登录跳转代码
router.beforeEach((to,from,next)=>{if(to.matched.length===0){next('/error404')}else{if(!sessionStorage.getItem('sid')&&to.path!="/login"){next('/logi...
利用vue-cli搭建vue项目
本篇主要是利用vue-cli来搭建vue项目，其中前提是node和npm已经安装好，文章结尾将会简单提到一个简单的例子。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来，所以其中的一些步骤说法为了表达正确会进行一定参考。我们使用vue-cli来搭建整个项目，vue-cli就是一个脚手架，步骤很简单，输入几...
vue项目中使用了vw适配方案，引入第三方ui框架mint-ui时，适配问题解决
问题分析：一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint-ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图解决方案网上看到了很多种解决方案，这里推荐第四种1、重写第三方组件ui样式大小2、在postcss.config.js中的selectorB...
如何在Vue项目中使用vw实现移动端适配
https://www.w3cplus.com/mobile/vw-layout-in-vue.html 原文网址 有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的...
Vue之自定义指令
先了解一下,在vue中,有很多内置的指令.比如:v-for用于遍历v-if&v-show用于隐藏和显示元素(区别在于后者是修改display:block|none,前者是不创建把元素从dom中删除或者创建.v-bind:属性绑定,把数据绑定在HTML元素的属性上.v-html&v-text把数据绑定在H...
vue-router之路由属性配置说明
export default new Router({ mode: 'history', //路由模式，取值为history与hash base: '/', ...
vue 的Devtools安装
vue的Devtools安装详情 1、http://www.cnplugins.com/网站上检索vue，搜索结果中下载Devtools。 2、将下载文件的格式由.crx改为.rar或者.zip的压缩格式 3、再将压缩格式直接解压，将文件放入C:Users17412AppDataLocalGoogle...
vue slot 插槽详解
插槽含义：就是引入子组件后，在插入子组件元素中添加信息或者标签，使得子组件的指定位置插入信息或者标签插槽有三种：默认插槽、具名插槽、作用域插槽，由于vue2.6.0后对插槽进行修改，但是兼容2.6.0前的版本，博文中只说明2.6.0后的插槽，vue3.0后面会去除2.60前的版本兼容 一、默认插槽<!DOCTY...
