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 · 122 阅读 · 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 · 122 阅读 · 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 · 189 阅读 · 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 · 121 阅读 · 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 · 518 阅读 · 0 评论 -
深入理解vue中的slot与slot-scope
转载 : https://segmentfault.com/a/1190000012996217 vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。 实际上,插槽的概念很简单,下面通过分三部分...转载 2019-07-02 14:52:13 · 188 阅读 · 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 · 832 阅读 · 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 · 3381 阅读 · 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 · 30174 阅读 · 5 评论 -
Vuex之理解mutation的用法
一.什么是mutation 通俗的理解mutations,里面装着一些改变数据方法的集合,这是Veux设计很重要的一点,就是把处理数据逻辑方法全部放在mutations里面,使得数据和视图分离。切记:Vuex中store数据改变的唯一方法就是mutation! 二.怎么用mutations? 1.mutation结构 每一个mutation都有一个字符串类型的事件类型(type)和回调函数(han...转载 2019-07-02 10:25:51 · 598 阅读 · 0 评论 -
于Vue中props的详解
看一下官方文档: 组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。 也就是props是子组件访问父组件数据的唯一接口。 详细一点解释就是: 一个组件可以直接在模板里面渲染data里面的数据(双大括号)。 子组件不能直接在模板里面渲染父元素的数据。 如果子组件想要引用父元素的数据,那么就在prop里面声明...转载 2019-07-02 09:45:16 · 279 阅读 · 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 · 86 阅读 · 0 评论 -
mavon-editor 使用教程
mavon-editor是一款基于vue的markdown编辑器,比较适合博客系统。由于官网对于一些细节的说明不够详细,这里对这里对该编辑器的使用做一个总结。 安装 基本使用 图片上传(含服务端) 安装 npm install mavon-editor --save 基本使用 在vue-cli构建的脚手架离得main.js可以像这样引用: // 全局注册 import Vue ...转载 2019-07-04 14:10:50 · 3958 阅读 · 7 评论