
vue
weixin_42009735
这个作者很懒,什么都没留下…
展开
-
vue使用v-for指令的时候为什么不建议用数组的下标index作为key
key用于渲染对象的排序,所以必须是用唯一标记的值。那index作为数组的唯一标识为什么不建议用来作为key呢?得现在说说数组的特性,数组是以堆栈的形式来存在输入元素的。在直接push()一个新元素的时候是直接加到最末尾。在删除一个index=3元素的时候,下一个元素会“补上”来,使用这个index,删除后index=3的对象就变成了了原来的下一个对象。那么在业务处理过程中,如果使用v-for加载了一组checkBox,根据业务情况,先选中了index=3的checkBox对象后,又需要删除这个选项,添原创 2021-03-19 13:15:16 · 1288 阅读 · 0 评论 -
vue-cli,在安装sass的时候报错
在安装sass时候npm install node-sass -save -dev 一直报错可能是因为资源的原因,可以使用淘宝镜像cnpm来安装。在安装cnpm的时候npm install -g cnpm --registry=https://registry.npm.taobao.org 的时候又报错了:cnpm :无法加载文件解决:1、以管理员身份运行vscode2、执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的3、执行:set-ExecutionP原创 2021-03-07 12:26:17 · 128 阅读 · 0 评论 -
vue-cli中的.babelrc文件介绍
转载自:https://www.jb51.net/article/135232.htm介绍es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码babel有提供专门的命令行工具方便转码,可以自行去了解vue-cli脚手架的.babelrc文件{ // 此项指明,转码的规则 "presets": [ // env项是借助插件babel-preset-env,下面这个配置说的是babel对es6,es7,es8进行转码,并且设转载 2021-03-04 23:20:05 · 509 阅读 · 1 评论 -
vue里的侦听属器(watch)和计算(computed)区别是什么?如何选择?
以下指示本人粗浅的理解,如有不正确的地方还请指正。计算属性(computed)和方法首先说说计算(computed),为什么要用计算属性呢?其实这些处理通过函数方法method也能实现,但是两者存在区别的,或者说计算有明显优势。计算属性是基于它们的响应式以来进行缓存的,只有在相关的响应式依赖发生变化的时候才回去重新计算,否则取用缓存不做计算。相同的处理如果用method的话就会每一次调用都去处理一遍。计算属性(computed)和侦听器var vm = new Vue({ el: '#dem原创 2021-03-04 13:43:53 · 151 阅读 · 1 评论 -
vue --- 解读vue的中webpack.base.config.js
const path = require('path')const utils = require('./utils')// 引入utils工具模块,具体查看我的博客关于utils的解释,utils主要用来处理css-loader和vue-style-loader的const config = require('../config')// 引入config目录下的index.js配置文件,主要...转载 2019-03-21 12:23:09 · 419 阅读 · 0 评论 -
vue-validator(vue验证器)
官方文档:http://vuejs.github.io/vue-validator/zh-cn/index.htmlgithub项目地址:https://github.com/vuejs/vue-validator单独使用vue-validator的方法见官方文档,本文结合vue-router使用。安装验证器不添加自定义验证器或者无需全局使用的公用验证器,在main.js中安装验证器,使用...转载 2019-03-20 11:00:33 · 961 阅读 · 0 评论 -
VueJS中学习使用Vuex详解
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...转载 2019-02-21 12:30:38 · 178 阅读 · 0 评论 -
vue中使用less
首先vue开发环境已经安装成功当所有东西都 准备好之后 :第一步:安装less依赖,npm install less less-loader --save第二步:修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加{test: /.less$/,loader: “style-loader!css-loader!less-l...转载 2019-02-21 16:43:26 · 113 阅读 · 0 评论 -
vue,cnpm run dev报错:Error: listen EADDRNOTAVAIL 192.168.6.54:8080
npm run dev一切准备就绪,启动项目npm run dev但是,却出现了以下的报错,一开始很郁闷,仔细看了一下错误提示,应该是IP地址出错了。之前为了能在手机上访问vue的项目,找到config文件夹下的index.js文件,打开后,将host的值改为我本地的ip。如何在手机上查看测试vue-cli构建的项目:https://www.jianshu.com/p/a15be31ca...转载 2019-01-21 11:08:27 · 715 阅读 · 0 评论 -
vue常见错误:- Component template should contain exactly one root element. If you are using v-if on multi
-报错信息: Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.解决方法:将中的元素用一个包裹起来即可。只能由一个根目录。...原创 2018-12-26 13:57:40 · 1108 阅读 · 0 评论 -
vue常见错误:vue.runtime.esm.js:574 [Vue warn]: You are using the runtime-only build of Vue where the tem
1、vue.runtime.esm.js:574 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compil...转载 2018-12-26 13:54:12 · 18701 阅读 · 2 评论