vue

Vue中使用cdn加载资源

搭建vue的时候,一般都使用vue官方推荐的命令行工具。需要打包的时候,默认会把所有代码合并生产新文件,其中包括各种库,就会导致打包出来很大。如果使用cdn的话,会更利于程序的加载速度。在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是...

Vue项目基础框架介绍

一、vue项目结构图1、build目录是一些webpack的文件,包括运行开发环境,项目打包等配置文件2、config是vue项目的基本配置文件,webpack和node基础,开发、线上环境的配置3、dist是webpack打包后生成的静态文件目录4、node_modules是项目依赖的JS包5、src项目根目录,源码...

无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

一、问题描述  创建Vue项目vueinitwebpackdemo提示“无法将“vue”项识别为cmdlet、函数、脚本文件或可运行程序的名称”二、解决方法1、首先确认是否安装了脚手架vue-cli,没有的话,先进行安装npminstallvue-cli-g2、使用命令npmconfiggetprefix获取相关目录&...

vue : 无法加载文件 C:UsersxxxAppDataRoaming pmvue.ps1,因为在此系统上禁止运行脚本

  使用命令npminstallvue-cli-g安装脚手架之后,创建Vue项目vueinitwebpackdemo提示“无法加载文件C:UsersxxxAppDataRoamingpmvue.ps1,因为在此系统上禁止运行脚本”二、解决方法  使用管理员权限打开Windowspowershell 执行命令:...

VSCode搭建简单的Vue前端项目

开发之前,请先熟悉下面的4个文档vue.js,优秀的JS框架vue-router,vue.js配套路由vuex,vue.js应用状态管理库AntDesign,蚂蚁金服提供的组件库NodeJS(npm)VisualStudioCode(前端IDE)下载地址: 官网下载地址VisualStudioCode是一款非...

vue报错getVueAllUser:67 Uncaught TypeError: Cannot read property 'userId' of undefined

这个弄了半天,最后发现是因为我修改了这个值,才报的错,改成这样就可以了 ...

vue中使用组件,但是组件与<table></table>平级问题

 可以看到按理说<tr>该出现在<table>里面但是出现在外面原因在这里于是乎,把代码改成 、、就可以了...

vue实现excel导出

利用vue实现Excel导出,因为ajax必须有返回,而导出excel是没有返回的,并且还在api中实现导出具体逻辑,所以就用下面的方式实现了代码实例:beginExport(v){console.log(v);varparam=Object.assign({},v);//v是一个对象,将所有可枚举属性的值从一个或多个...
代码星球·2021-02-18

vue-element简单使用

背景,因为公司对接的平台较多,不同的平台的问题也比较多,所以整理了常见的问题点形成后台工具给客服使用,这样就减少了人力消耗。但是因为公司前端忙不过来,所以有我这个后端人员来前后端一起处理。之前都是原生php写的前端代码,而且也写过小程序,所以这里我就研究了下前端的vue的element框架来处理。直接上代码吧一、后台因...
代码星球·2021-02-18

vuex中mapGetters的使用及简单实现原理

一.项目中的mapGetters在Vue项目的开发过程中必然会使用到vuex,对vue项目公用数据进行管理,从而解决组件之间数据相互通信的问题,如果不使用vuex,那么一些非父子组件之间的数据通信将会变得极为繁琐。1.这里首先说下项目中mapGetters的使用先看下store部分目录结构index.js文件impor...

vuex里mapState,mapGetters使用详解

一、基本用法1.初始化并创建一个项目123vueinitwebpack-simplevuex-democdvuex-demonpminstall2.安装vuex1npminstall vuex-S3.在src目录下创建store.js文件,并在main.js文件中导入并配置store.js中写入1234imp...

vue项目启动时将localhost替换成指定ip地址

1.node启动vue项目时地址一般都是http://localhost:80802.config->index.js中的host:‘localhost’换成host:‘你的本机ip’就可以了module.exports={dev:{host:'192.168.1.100'}}  ...

vue 父子组件的方法调用

$emit子组件触发父组件的方法:<!--子组件--><template><divid="child"><button@click="tryToParent">click</button></div></template><scr...

vue把localhost改成ip地址无法访问—解决方法

打开package.json文件,找到下面的代码"scripts":{"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js","start":"npmrundev","build":"nodebuild/build.js...

vue开发中v-for在Eslint的规则检查下出现:Elements in iteration expect to have 'v-bind:key' directives

在使用VScode编辑器vue开发过程中,v-for在Eslint的规则检查下出现报错:Elementsiniterationexpecttohave‘v-bind:key’directivesEslint规则检查显示如下: 报错信息如下:[eslint-plugin-vue][vue/require-v-f...