为您找到搜索结果：2016个
React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element理解
工作后接触了React、Vue、AngularJS、Bootstrap、EasyUI、AntDesign、Element，项目中使用过的只有Vue、Bootstrap、EasyUI、Element，当时都认为是不同的前端框架。其实还是有区别的。 框架是一个可复用的设计构件，它规定了应用的体系结构，阐明了整个设计、协作构件之间的依赖关系、责任分配和控制流程，表现为一组抽象类以及其实例之间协作的方法，框架的关键还在于框架内对象间的交互模式和控制流模式。应用框架强调的是软件的设计重用性和系统的可扩充性,以缩短大型应用软件系统的开发周期，提高开发质量。简单说就是使用别人搭好的舞台，你来做表演。 所以从框架意义上来说，React、Vue、AngularJS、Bootstrap、EasyUI、AntDesign、Element都属于框架，但是他们的侧重点不同，React、Vue、AngularJS不仅仅提供全套UI组件还有一些数据驱动功能；而Bootstrap、EasyUI 提供一些基本的ui控件封装，只是布局，属于UI层面。AntDesign、Element是针对于React、...
Vue开发中cnpm,yarn,npm,nodejs 区别与关系
yarn是Facebook公司出品的用于管理nodejs包的一款软件。yarn是为了弥补npm的一些缺陷而出现的，建议使用yarnnpm是随同nodejs一起安装的包管理工具。cnpm是淘宝npm镜像，更快。一、安装yarn1、安装node2、安装yarnnpminstall-gyarn3、切换淘宝镜像yarnconfigsetregistryhttps://registry.npm.taobao.org这样安装完就可以使用yarn了二、yarn和npm常用对比功能yarnnpm初始化yarninitnpminit 安装依赖yarninstall或者yarnnpminstallpnpminstall新增依赖yarnaddelement-ui npminstallelement-ui--savepnpmielement-ui删除依赖yarnremoveelement-uinpmuninstallelement-ui--save…更新依赖yarnupgradenpmupdatepnpmupdate全局安装或删除yarnglobalremovevue-clinpmunin...
vue.js开发前为什么要安装node.js
一、概述我们使用Vue.js一定要安装node.js吗？准确的说是使用vue-cli搭建项目的时候需要nodejs。你也可以创建一个 .html 文件，然后通过如下方式引入Vue，一样可以使用Vue。<!--开发环境版本，包含了有帮助的命令行警告--><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>但是使用node是比较方便的，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起等，启动测试服务器localhost,帮你管理vue-router，vue-resource这些插件。所以通常情况下我们会使用Vue+node方式，方便省事。二、vue推荐开发环境Node.js:javascript运行环境(runtime),不同系统直接运行各种编程语言npm:Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/）webpack:它主要的用途是通过CommonJS的语法把所有...
vue报错getVueAllUser:67 Uncaught TypeError: Cannot read property 'userId' of undefined
这个弄了半天，最后发现是因为我修改了这个值，才报的错，改成这样就可以了 ...
vue实现excel导出
利用vue实现Excel导出，因为ajax必须有返回，而导出excel是没有返回的，并且还在api中实现导出具体逻辑，所以就用下面的方式实现了代码实例：beginExport(v){console.log(v);varparam=Object.assign({},v);//v是一个对象，将所有可枚举属性的值从一个或多个源对象复制到目标对象letparamStr=``;//let为es6新增的用来声明的变量，但是和var又不一样，let只在let所在的代码块有用，外面是会错的。console.log(param);for(let[k,v]ofObject.entries(param)){//返回一个给定对象自身可枚举属性的键值对数组，有点类似foreach遍历，object.entries返回的就是我们平常用的数据，只是这里是对象。paramStr+=`${k}=${v}&`}console.log(paramStr);window.location.href='/api/complaint/export-fund-cash-order?'+paramStr;},我是后端，但是我...
vue-element简单使用
背景，因为公司对接的平台较多，不同的平台的问题也比较多，所以整理了常见的问题点形成后台工具给客服使用，这样就减少了人力消耗。但是因为公司前端忙不过来，所以有我这个后端人员来前后端一起处理。之前都是原生php写的前端代码，而且也写过小程序，所以这里我就研究了下前端的vue的element框架来处理。直接上代码吧一、后台因为vue的特殊规定需要后台传递对象，即[{},{},{}]{}中的数据其实就是我们php常用的数组如下面的实际数据结构{code:"000000",data:[{psnl_id:"81899211010382",psnl_state:"1",psnl_name:"线下",cert_no:"310106199407309921",…}],message:"请求成功"}二、jsdefine(["lib/ajax"],function(ajax){//这里是我们前端封装的调用varappName="#"+$(".app-name").attr("data-path");newVue({el:appName,data:function(){return{form:{id_cash...
vuex中mapGetters的使用及简单实现原理
一.项目中的mapGetters在Vue项目的开发过程中必然会使用到vuex，对vue项目公用数据进行管理，从而解决组件之间数据相互通信的问题，如果不使用vuex，那么一些非父子组件之间的数据通信将会变得极为繁琐。1.这里首先说下项目中mapGetters的使用先看下store部分目录结构index.js文件importVuefrom'vue'importVuexfrom'vuex'importbookfrom'./mudules/book'importgettersfrom'./getters'Vue.use(Vuex)exportdefaultnewVuex.Store({modules:{book},getters})book.js文件constbook={state:{number:1},mutations:{SET_NUMBER:(state,number)=>{state.number=number}},actions:{setNumber:({commit,state},number)=>{//console.log(state.number,number)r...
vuex里mapState,mapGetters使用详解
一、基本用法1.初始化并创建一个项目123vueinitwebpack-simplevuex-democdvuex-demonpminstall2.安装vuex1npminstall vuex-S3.在src目录下创建store.js文件，并在main.js文件中导入并配置store.js中写入1234importVuefrom'vue'//引入vuex并useimportVuexfrom'vuex'Vue.use(Vuex)main.js文件12345678910importVuefrom'vue'importAppfrom'./App.vue'importstorefrom'./assets/store' //导入store对象 new Vue({ //配置store选项，指定为store对象，会自动将store对象注入到所有子组件中，在子组件中通过this.$store访问该store对象 store, el:'#app', render:h=>h(App)})4.编辑store.js文件在应用...
vue 父子组件的方法调用
$emit子组件触发父组件的方法：<!--子组件--><template><divid="child"><button@click="tryToParent">click</button></div></template><script>exportdefault{name:'child',methods:{tryToParent(){//通过$emit进行触发//第一个参数为父组件监听的事件名，后续参数为父组件方法的参数this.$emit("toParent","我从子组件传来")}}}</script><!--父组件--><template><divid="parent"><!--监听child的toParent事件广播，用fromChild进行处理--><child@toParent="fromChild"></child></div></template><script...
vue把localhost改成ip地址无法访问—解决方法
打开package.json文件，找到下面的代码"scripts":{"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js","start":"npmrundev","build":"nodebuild/build.js"},改成"scripts":{"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js--host192.168.0.114","start":"npmrundev","build":"nodebuild/build.js"},host后面是你的ip地址。可以用草料生成二维码，这样就可以用手机访问啦...
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-for-key]Elementsiniterationexpecttohave'v-bind:key'directives.这是因为我们安装了ESLint插件，对vue进行了eslint检查，只需将这个规则检查屏蔽掉即可，具体操作如下：文件–》首选项–》设置–》在搜索框中输入：vetur.validation.template–》找到vetur.validation.template：true–》将vetur.validation.template：true在右栏框中进行重置为false就ok了。如图：...
初学vue出现空格警告的原因及其解决办法
初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。（这样的错误很多，但大概翻译成中文的意思都是说空格使用不规范。） 这是因为你使用ESLint，用来规范代码风格的。你的Webpack配置中大概是使用了 eslint-loader。在多人协作或大项目中推荐使用，不想要就在 webpack.config.js 中去掉。eslint是语法检查工具，但限制太过于严格，大部分开发人员无法适应，所以产生这个需求。解决办法：找到build->webpack.base.config.js。注释或者去掉下图代码。 注意只删除和注释红色圈住的代码。另外这段也可能在不在createLintingRule中，也可能在module.export中。所以建议直接在webpack.base.config.js搜索eslint-loader。最后记得重跑项目。---------------------作者：SummerNH_6来源：CSDN原文：https://blog.csdn.n...