一、环境搭建：1.安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，要意的是npm的版本最好是3.x.x以上，以免对后续产生影响。 2.安装淘宝镜像npm install -g cnpm --registry= https://registry.npm.taobao.org，安...
使用vue开发，需要用到围绕vue.js配套的一系列工具，常用的工具如下：vue.js 核心。VueRouter2 实现路由组织工具。webpack 项目打包以及编译工具。nodejs 前端开发环境。npm 前端包管理器。axios ajax接口请求工具。sass-loader 和 node-sass css 预处理。element 基于 vue 的后台组件库。iview 基于 vue 的另一套后台组件库。vue-cli vue 项目脚手架。一键安装 vue 全家桶的工具。首次使用需要先安装v...
千呼万唤中，WTM的Vue前后端分离版本终于和大家见面了，我曾经跟群里1000多位用户保证过Vue版本会在春天到来，吹过的牛逼总算是圆上了。 WTM一如既往地追求最大程度提高生产效率，所以内置的代码生成器那是标配，使用方式和Layui及React的一致。 增删改查，导入导出一步到位，文件上传，一对多，多对多也都帮你搞定 当然，作为前后端分离的模式，自带swagger也是必须的 VUE版本第一次发布，难免会有问题，欢迎大家到我们WTM社区提...
重定向与别名如果用户在地址栏访问的地址不在路由配置里面： 别名：当地址栏访问的是别名的时候，也会匹配到改路由，但是路由不会是激活状态 router-link配置项路由激活状态设置样式：默认的类名是router-link-active1：在路由配置里有个属性linkActiveClass，属性值为你想要激活的类名，然后用这个类名来设置样式 2：在router-link里配置，有个属性active-class,属性值为你想要的类名 嵌套路由的使用 使用了 ‘/‘ 跟路径来匹配一...
第一步： 在当前项目终端下输入：npm install vue-router --save第二大步： 第三步： 在main.js中注册路由 第四步： 写要跳转的路径在App.vue中添加对应标签 进行跳转 原文：https://www.cnblogs.com/ayong6/p/12245354.html
前言项目中遇到一个问题就是在Vue中双向绑定对象属性时，手动赋值属性后输入框的数据不实时更新的问题。<FormItem label="地址" prop="eventAddress"><Input v-model="task.eventAddress" :placeholder="L(‘地址‘)"></Input></FormItem>解决办法：使用$set(object,"prop",value)方法对属性重新设置一遍就显示了，具体代码如下：this.$set(this.task,"eventAddress",this.task.eventAddress); 原文：https://www.cnblogs.com/jac...
网页中显示文字时，带#开始和结束的文字蓝色高亮，就像微博话题一样效果如下html<span v-html="parseComments('#吃货节#有什么好吃的')"></span> // 方法里面可以是变量，这里只是个演示jsparseComments (value) {var expexp = /(#|＃)((?!#).)*(#|＃)/gvalue = value.replace(/<[^>]*?>(.*?)/gi, '').replace(/(.*?)<\/[^>]*?>/gi, '').replace(exp, (item) => {let newVal = '<span class="text-blue">' + item + '</span>'retur...
编写html，通过vue-resource.js库向后台提交数据 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>用户注册</title><link href="bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="stylesheet"><script src="js/jquery.js"></script><script src="bootstrap-4.3.1-dist/js/bootstrap.js"></script><script src="js/vue.js"></script><!-- 异步提交的库 --><script src="js/vue-resource.min.js"></script><st...
mount:异步挂载指令：v-text:转意 v-html:禁止转意@click.preven修饰符，阻止默认行为computed: (计算属性)计算放这儿 计算属性当它所依赖的值发生变化时,它会重新计算;(计算属性有缓存) methods:发生变化就执行,没有缓存 watch:(侦听属性)使用监听,有缓存,每一个都监听,代码量大 methods、computed、watch实现相同功能优先使用computed,有缓存,代码没有冗余计算属性的get和set get用来获取值 set可以设置值template：占位模板(不会...
配置webpacknpm i init --y npm i webpack -D npm i webpack-cli -D npm i @types/firefox-webext-browser @types/chrome -D // 浏览器扩展API提示 支持 Typescripttsc --init npm i typescript ts-loader -D 设置tsconfig.json配置文件{"compilerOptions": {"target": "ES2016","module": "commonjs", // ts-node 不支持 commonjs 以外的任何模块语法"allowJs": true,"outDir": "./dist","rootDir": "./src","strict": true,"...
参考资料：1. vue 自定义指令；2. vue 自定义指令实现 v-loading； v-loading，是 element-ui 组件库中的一个用于数据加载过程中的过渡动画指令，项目中也很少需要自己去写自定以指令。碰巧这段时间自己练习了编写组件，完成看看能不能实现一个自定义的这样一个指令。话不多说，上代码：<div class="table" v-loadAnimation="loading">... </div><script> export default {data() {return {...}},directives: {loadAnimation: ...
vue中组件的data为什么是一个函数?组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响,组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的da...
目录1、MVVM思想2、Vue简介3、入门案例4、概念1）、创建Vue实例2）、插值表达式①、说明②、插值闪烁3）、Vue指令①、单向绑定： v-bind②、双向绑定： v-model③、事件处理： v-on④、单向绑定：v-text 和 v-html⑤、遍历循环：v-for⑥、判断与显示：v-if 和 v-show4）、计算属性5）、侦听器6）、过滤器7）、组件化①、全局声明一个组件：②、局部声明一个组件：8）、生命周期钩子函数9）、vue的Live Template1、MVVM思想M：即Mod...
错误信息：提示信息含义：组件模板中只能包含一个根元素解决办法：在模板元素内部增加块级元素div将这些元素标签包裹起来，如图所示 原文：https://www.cnblogs.com/laoniaofly/p/8974218.html
一、安装依赖 npm install file-saver --save npm install xlsx --save npm install script-loader --save-dev 二、下载插件 到 https://pan.baidu.com/s/1DiIGxik9HaanMQwx2ICGAg 下载插件（密码：fkkg） 三、在src目录下创建一个vendor文件，把下载的插件复制进去 四、修改build/webpack.base.conf.js ‘vendor‘: path.resolve(__dirname, ‘../src/vendor‘) 五、在methods方法里export_Excel() {var listSt...