![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
qq_26249609
这个作者很懒,什么都没留下…
展开
-
如何在Window下安装node\npm\cnpm
1、安装node.js node.js的官方地址为:https://nodejs.org/en/download/。 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘(如C:)。 2、设置global和cache路径 设置路径能够把通过npm安装的模块集中在一起,便于管理。 (1)在n...转载 2018-08-13 12:36:44 · 130 阅读 · 0 评论 -
VUE启动流程
VUE启动流程package.json在执行npm run dev的时候,会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件,包含项目的名称版本、项目依赖等相关信息。{ # 版本信息 "name": "kitty-ui", "version": "1.0.0", "description": "kitty ui project...转载 2019-06-28 10:36:24 · 135 阅读 · 0 评论 -
vue中$refs的用法及作用详解
一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。然后在javascript里面这样调用:this.$refs.input1 这样就可以减少获取dom节点的消耗了用法如下:HT...转载 2019-07-03 16:23:45 · 196 阅读 · 0 评论 -
Vue核心知识-computed和watch的使用场景和方法
computed不使用 computed通过简单的字符串拼接import Vue from 'vue'new Vue({ el: '#root', template: ` <div> <span>Name: {{firstName + ' ' + lastName}}</span> </div> `,...转载 2019-07-03 10:01:44 · 129 阅读 · 0 评论 -
Vue中watch用法详解
Vue.js 有一个方法 watch,它可以用来监测Vue实例上的数据变动。如果对应一个对象,键是观察表达式,值是对应回调,值也可以是方法名,或者是对象,包含选项。下面写两个demo,参考demo来了解一下<template> <div> <el-input v-model="demo"></el-input> {{valu...转载 2019-07-03 09:35:58 · 528 阅读 · 0 评论 -
深入理解vue中的slot与slot-scope
转载 : https://segmentfault.com/a/1190000012996217vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分...转载 2019-07-02 14:52:13 · 206 阅读 · 0 评论 -
Vue.set() this.$set()引发的视图更新思考
引文vue文档列表渲染中有条注意事项:这里提到的两种情况实际改变了数据但是没有触发视图更新。由此引出Vue.set(),先上文档API:this.$set()和Vue.set()本质方法一样,前者可以用在methods中使用。set方法调用时,可以触发页面全部重新渲染。比如在vue中有个data数组arr: //arr=[1,2,3] arr[1]='b' ...转载 2019-07-02 11:50:01 · 865 阅读 · 0 评论 -
lodash中pick和omit函数介绍
pick()和omit()函数在使用lodash之前,我们需要引入lodash,下面是引入的方式const _ = require('lodash/object');pick()函数调用格式:_.pick(object, *keys)该函数的功能是:返回一个只有列入挑选key属性的对象。其中,参数object为JSON格式的对象,*keys表示多个需要挑选出来的key属性。示例如...转载 2019-07-02 11:36:00 · 3448 阅读 · 1 评论 -
vue router.beforeEach(),详解
outer.beforeEach()一般用来做一些进入页面的限制。比如没有登录,就不能进入某些页面,只有登录了之后才有权限查看某些页面。。。说白了就是路由拦截。第一步 规定进入路由需不需要权限 @/router/index.js import A from '@/components/a'{ path: '/a', name: 'a', component: ...转载 2019-07-02 11:02:37 · 30253 阅读 · 5 评论 -
Vuex之理解mutation的用法
一.什么是mutation通俗的理解mutations,里面装着一些改变数据方法的集合,这是Veux设计很重要的一点,就是把处理数据逻辑方法全部放在mutations里面,使得数据和视图分离。切记:Vuex中store数据改变的唯一方法就是mutation!二.怎么用mutations?1.mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(han...转载 2019-07-02 10:25:51 · 610 阅读 · 0 评论 -
于Vue中props的详解
看一下官方文档:组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。也就是props是子组件访问父组件数据的唯一接口。详细一点解释就是:一个组件可以直接在模板里面渲染data里面的数据(双大括号)。子组件不能直接在模板里面渲染父元素的数据。如果子组件想要引用父元素的数据,那么就在prop里面声明...转载 2019-07-02 09:45:16 · 293 阅读 · 0 评论 -
vue调试工具vue-devtools安装及使用
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装: 1.到github下载:git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包1 2 cd vue-devtools ...转载 2018-08-20 10:23:36 · 92 阅读 · 0 评论 -
mavon-editor 使用教程
mavon-editor是一款基于vue的markdown编辑器,比较适合博客系统。由于官网对于一些细节的说明不够详细,这里对这里对该编辑器的使用做一个总结。安装基本使用图片上传(含服务端)安装npm install mavon-editor --save基本使用在vue-cli构建的脚手架离得main.js可以像这样引用: // 全局注册 import Vue ...转载 2019-07-04 14:10:50 · 3997 阅读 · 7 评论