Vue
关注
分享
扫一扫
viagra2009100129
一个一直wating的码农
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue项目实战(一）——资金管理系统-前端02
1.在src\views\新建一个Index.vue组件。原创 2019-05-03 11:19:37 · 920 阅读 · 0 评论 -
Vue.use()详解
来自vue官网：https://cn.vuejs.org/v2/guide/plugins.html通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成：// 调用 `MyPlugin.install(Vue)`Vue.use(MyPlugin)new Vue({ //... options})也可以传入一个选项对象：Vue.u...原创 2019-06-09 18:22:16 · 880 阅读 · 0 评论 -
Vue.prototype的使用
转载自 https://blog.youkuaiyun.com/u010243266/article/details/845787801.JS中原型对象prototype还记得prototype是什么吗？在构造函数new对象的时候，告诉构造函数新创建的对象的原型是谁。我们将对象简单的分成了两类：函数对象普通对象普通对象都是通过函数创建的，每一个函数对象都有一个prototype属性，但是...原创 2019-06-09 19:50:28 · 5392 阅读 · 0 评论 -
npm audit fix
npm audit 命令首先看官方文档，npm@6 的一大更新是新增了 npm audit 命令Note: The npm audit command is available in npm@6. To upgrade, run npm install npm@latest -g.The npm audit command submits a description of the depe...原创 2019-06-09 23:34:03 · 899 阅读 · 0 评论 -
Error: invalid "instanceof" keyword value Promise
vue项目启动的时候，出现如下问题：出现如下问题的解决思路：maybe you can change your package.jsonupdate the webpack to 4.Xdelete your node_modulesnpm install againand then it’s work...原创 2019-06-09 23:47:49 · 737 阅读 · 0 评论 -
uex2中使用mapMutations/mapActions报错解决方法 BabelLoaderError: SyntaxError: Unexpected token
1.问题在尝鲜vuex2时，发现vuex2增加了 mapGetters 和 mapActions 的方法，借助stage2的 Object Rest Operator 特性,可以写出下面代码：computed: { ...mapGetters([ 'userId' ]) },但是在借助babel编译转换时发生了报错： BabelLoaderE...原创 2019-06-19 22:51:00 · 393 阅读 · 0 评论 -
npm有关查看某个包是否安装
npm查看全局安装过哪些包(插件)第一种方法:命令: npm list -g --dept 0第二种方法:(查看全局的)命令: npm ls 插件名字 -g // 查看全局的插件信息注意:ls是可以写成list安装 ESLint 扩展本地安装$ npm install eslint --save-dev全局安装:$ npm install -g eslint...原创 2019-06-10 22:31:24 · 12312 阅读 · 1 评论 -
vue里ref ($refs)用法
参考自：https://www.cnblogs.com/goloving/p/9404099.htmlref 有三种用法：1.ref 加在普通的元素上，用this.ref.name 获取到的是dom元素2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。3、如何利用 v-for 和 ref 获取一组数组或者dom 节点注意：1、re...原创 2019-06-16 20:17:04 · 955 阅读 · 0 评论 -
Vue mouseWheel 事件兼容
mouseWheel 事件怎么做Chrome兼容通过@wheel.prevent标签调用对应function.参考答案如下：<template> <div class="scroll-container" ref="scrollContainer" @wheel.prevent="handleScroll" > <div class="scroll-...原创 2019-06-16 20:52:58 · 2636 阅读 · 0 评论 -
如何在vue项目中优雅地使用SVG
配置安装svg-sprite-loader。通过vue-cli脚手架创建的项目默认情况下会使用 url-loader 对svg进行处理，所以需要处理下：{ test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, ...原创 2019-06-16 23:03:13 · 857 阅读 · 0 评论 -
vue.js中的vuex的使用
参考自 https://blog.youkuaiyun.com/qq_37334435/article/details/82421603一、状态管理（vuex）简介vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集成刀vue的官方调试工具devtools extension，提供了诸如零配置的ti...原创 2019-06-17 22:33:36 · 187 阅读 · 0 评论 -
详解VUE中常用的几种import（模块、文件）引入方式
参考 https://www.jb51.net/article/143051.htm1.引入第三方组件import echarts from 'echarts'2.引入工具类第一种是引入单个方法import {axiosfetch} from './util';下面是写法，需要export导出export function axiosfetch(options) { ...原创 2019-06-09 18:09:14 · 10534 阅读 · 0 评论 -
vue生命周期中created()和mounted()的区别
参考自 https://blog.youkuaiyun.com/qq_29132907/article/details/803224851.什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别：2.created和mounted区...原创 2019-06-18 22:50:51 · 1620 阅读 · 0 评论 -
vue store——状态管理
参考自 Haqiu.Huang状态管理一、状态管理（vuex）简介vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集成刀vue的官方调试工具devtools extension，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。Vuex 的思想当我们在...原创 2019-05-15 17:46:14 · 238 阅读 · 0 评论 -
vue系列——基础知识
一、什么是VuejsVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。1.功能数据的渲染/数据的同步组件化/模块化路...原创 2019-04-28 16:33:57 · 183 阅读 · 0 评论 -
vue项目实战(一）——资金管理系统-前端03
主要是有关项目小结。1.项目用到的技术：2.主要功能：以后还有类似的项目。尽情期待、原创 2019-05-04 00:03:26 · 386 阅读 · 0 评论 -
vue 项目实战（一）——资金管理系统——01使用Express搭建本地服务器
在这之前首先请安装Node.js和npm。一、操作npm init会出现以下画面直接敲回车即可。除了标红色的，其他的敲enter就好。然后查看目录，会生成一个package.json,内容如下2.安装express模块D:\vuejs\node-vue-ele-app>npm install express出现标注的，表示安装完成。在server.js中编辑，...原创 2019-04-29 10:52:31 · 294 阅读 · 0 评论 -
vue 项目实战（一）——资金管理系统——02连接mongoDB数据库
使用的这个数据库是mlab。只提供500MB免费空间。首先在创建一个数据库账户。然后复制链接连接信息。在config/keys.js文件中：module.exports = { mongoURI: "mongodb+srv://viagra:zf111111@cluster0-umrbm.mongodb.net/test?retryWrites=true"}在server.js...原创 2019-04-29 12:53:40 · 578 阅读 · 0 评论 -
vue项目实战（一）——资金管理系统——03搭建路由和数据模型
1.首先创建路由信息在routes/api/users.js文件中：// @logn & registerconst express = require("express");const router = express.Router();router.get("/test", (req, res) => { res.json({ msg: "lo...原创 2019-04-29 17:56:51 · 734 阅读 · 0 评论 -
vue项目实战(一）——资金管理系统-04头像问题和登录接口
1.gravatar来解决头像问题npm i gravatar对应的Post请求/ @route POST api/users/register// @desc 返回的请求的json数据// @access publicrouter.post('/register', (req, res) => { // 查询数据库中是否拥有邮箱 User.findOne...原创 2019-04-29 22:33:48 · 332 阅读 · 0 评论 -
vue项目实战(一）——资金管理系统-05登录
怎么实现token1.实现token安装npm install jsonwebtoken模块。routes\api\users.js模块：// @route POST api/users/login// @desc 返回token jwt passport// @access publicrouter.post('/login', (req, res) => { ...原创 2019-04-30 12:41:02 · 246 阅读 · 0 评论 -
vue项目实战(一）——资金管理系统-06数据信息接口
1.主要进行数据的增删改查操作。分别添加了一个models\Profile.js数据类型文件和routes\api\profiles.js 路由文件。Profile.js:const mongoose = require('mongoose');const Schema = mongoose.Schema;// Create Schemaconst ProfileSchema = n...原创 2019-04-30 15:50:46 · 566 阅读 · 0 评论 -
vue项目实战(一）——资金管理系统-前端01
使用vuecli3.0创建前端页面。1.vue create client命令选择Manually select features。进入下一个页面：选择然后敲回车键。最后创建成功。2.连载使用 concurrently 并行地运行多个命令（同时跑前端和后端的服务）首先进入:上图启动的主要是后台。在client\packange.json，启动的是前台的项目。看看c...原创 2019-04-30 17:08:13 · 820 阅读 · 0 评论 -
浅谈Vue.$mount()使用以及原理
一、作用Vue 的$mount()为手动挂载，在项目中可用于延时挂载（例如在挂载之前要进行一些其他操作、判断等），之后要手动挂载上。new Vue时，el和$mount并没有本质上的不同。具体代码如下：new Vue({ store, router}).$mount('#app')vue渲染机制流程图：二、原理1.$mount函数的流程:首先，提取出el所对应的...原创 2019-05-15 16:27:10 · 14584 阅读 · 0 评论 -
关于vue的slot-scope
slot-scope是vue2.10新增的一个作用域插槽，vue官网可以找的到，我就不贴链接了。我平时主要的用法是配合elementUI里的table组件来使用，感觉很方便以下是两个例子:<el-table> <el-table-column label="测试" > <template slot-scope="scope" prop="testT...原创 2019-06-18 07:57:17 · 863 阅读 · 0 评论