Vue进阶（三十六）：vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解，使用vue.js中created方法的注意事项有哪些，下面就是实战案例，一起来看一下。这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到do...
vue-router 中踏过的坑
1.做完页面滚动，然后再加上路由，发现路由一直跳转不了，经历千辛万苦才发现是BScroll没有配置click：true，当看过文档时心里一万只草泥马奔腾而过，我预感到成长道路上还有多少坑在等着我。2.配置二级路由的时候，没注意子路由配置path：路径不用加/，但是在网上看到还有好些加了/，不停再纠结
vscode vue 里的less代码识别不了
1.查看vscode 里插件是否安装vetur,如果没有插件库里搜索vetur,点击install按钮，显示uninstall就说明安装好了；2.如果还是识别不了less代码，在file-->Preferences-->Settings 找到vetur 拉倒最下面点击Edit in se...
spring boot 与 vue 环境配置
目录spring boot 与 vue 环境配置node.js下载下载地址版本查看vue介绍vue-cli脚手架项目创建依赖安装运行Spring boot介绍eclipse创建spring boot 项目通过官网创建spring boot项目导入eclipse修改项目端口修改pom.xml 文件编...
vue-cli3.0 去掉console配置失效，注意事项
先上代码：首先说一下，这些代码网上到处都有，也没有任何问题，但就是失效const UglifyJsPlugin = require('uglifyjs-webpack-plugin');configureWebpack:{ optimization: { minimizer: [ ...
阿里云部署一个vue+axios+nodejs+mysql项目(使用宝塔面板配置)
使用阿里云部署vue+axios+node.js+mysql的项目(借助宝塔面板完成部署)1. 购买阿里云购买阿里云的步骤我就不过多解释，告诉一下大家我选择的配置简单说一下，企业中使用最多的都是centos的系统，至于版本，不要选择太低，好像在宝塔面板中处理centos5.x的版本非常费劲。这里我们...
vue遇到的各种报错
vue的一些报错解决方法1、第18行第5个，World组件已经创建，但未被使用。使用组件就可以解决2、21行第9个，aaa定义（创建）了，但未使用3、Non-nested routes must include a leading slash character. Fix the following...
Vue、elmentUI国际化 vue-i18n项目实行简繁体切换
1、安装国际化插件vue-i18nnpm install vue-i18n --save2、增加国际化翻译文件在项目的src下添加lang文件夹增加中文简体翻译文件（zh-cn.js）以及繁体翻译文件（zh-mo.js），里面分别存储项目中需要翻译的内容。增加index.js实现按需加载里定制 i1...
HBuilder X的下载与安装及Vue的安装与部署
HBuilder X的下载与安装下载Step1：打开HBuilder X下载的官网，地址http://www.dcloud.io/hbuilderx.htmlStep2：进入下面的界面，点击DOWNLOAD之后选择要下载的版本，这里选择Windows-开发版，因为标准版有些插件没有安装好。见下图：然...
Vue源码之$mount实现数据挂载（三）
原文链接：https://blog.csdn.net/yayayayaya_/article/details/80888506在vue实例中，通过$mount()实现实例的挂载，下面来分析一下$mount()函数都实现了什么功能。在'src/platforms/web/entry-runtime-w...
Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
打包出错显示空白页，或者Failed to load resource: net::ERR_FILE_NOT_FOUND 1.webpack.prod.conf.js 中output添加参数publicPath:’./’ 2.修改webpack.base.conf.js中：publicPath: p...
vue-router疑惑点记录
以vue-router2.x讲解。1.定义路由时，某路由对象里同时有component和redirect重定向参数，会怎样处理？答： 忽略component，直接用redirect的值重定向到新路由路径，使用新路径的组件。例如，下面的第三个路由链接被点击时，会直接重定向到.....#/，然后使用'/...
关于vue-cli2升级到最新版本失败
自己在升级中遇到的问题：我的版本是2.9.6，首先卸载cnpm uninstall vue-cli -g，再安装cnpm install -g @vue/cli安装成功后再查看版本，发现还是没变解决的方法：查看nodejs的路径设置对应的环境变量打开终端先卸载原先的，然后设置npm的默认路径npm ...
Vue写一个简单的页面
流程：①拆分页面组件。②完成静态页面。③生成动态交互网页。页面成品：1、拆分成add/list/item三个组件，创建三个vue。2、main.js注册入口页面3、引用css，竟然是在index.html中引用css。此处引用了bootstrap的css4、开始编写app.vue，把其他组件的地方空...
Vue 前端框架接入QQ在线客服
Vue 前端框架接入QQ在线客服，效果如下图：后面就根据自己的需要选择不同的方式，下面是使用教程：-------------------------------------------------------------------------------------------1、首先是第三方js...
vue中，本地图片路径写到js中，为何渲染不出来？
首先看一个项目目录结构：代码如下：html：<img src="../../assets/logo.png" alt="">编译效果：是不是图片显示出来了，但是如果我的图片路径是写到data里面的，在img上面，绑定一个data的数据，那么是不是图片加载不出来？但是图片的路径还是有的？如...
前端vue从后台取到数据（数组对象）后遍历给对象添加属性，修改这个属性为什么没有用？
1. 场景：带有数据监听的框架都可，我用的是vue框架从后台获取数组对象，想给对象添加只在前端用得上的属性如item_checked: false2. 问题：控制台输出该对象已经存在该属性了，但是属性改变（如点击该item，该属性则变为true，理想下该item会有相应的样式）页面的却没有想要的刷新...
vue项目对象声明没有赋值的情况下，改变对象属性页面不更新的解决方案
问题描述：vue项目第一次加载页面后端返回数据改变对象值后页面没有更新；但是再次点击页面报价就可以更新了 在开始声明了变量，但是没有赋值 后端返回数据后给对象的price属性值改变了；但是页面却没有更新根本原因：变量声明没有设置初始值导致vue监听不到；再次点击页面有无社保按钮报价就可以更新是因为强...
vue基础：将表单中的数据按列表显示在页面下，删除数据this.list.push(***)，this.list.push(***)。
将表单中的数据按列表显示在页面下，删除数据1.添加数据1.在页面中，首先通过数据的双向绑定，表单中的v-model=“todo”，绑定数据。2.通过调用@click="doadd()"方法中的this.list.push(this.todo)，将todo中的数据加到list中。3.通过循环列表显示。...
vue.js 实现点击展开收起动画
最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），，，接下来分享给大家，先上效果图：.vue页面：<template><div class="dealRecord-wrap"><...