vue
祥哥的说
精一技而绝天下。。。
展开
-
vue常用基础知识点
1、组件作用域内的css2、所有的 Vue 组件都是 Vue 实例,并且接受相同的选项对象 (一些根实例特有的选项除外)3、箭头函数应不是完全能用(1)Vue的属性方法或者实例方法的回调函数,都不可。(2)箭头函数没有this上下文4、生命周期:四个节段,“生老病死”初始化挂载更新卸载beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestorydestroyed5、Vue.js 使用原创 2021-10-13 23:36:35 · 218 阅读 · 0 评论 -
Vue组件中如何获取非Prop特性的值
学习Vue.js文档的过程中,发现组件那一章,非Prop特性一节有些疑问:所谓非 prop 特性,就是指它可以直接传入组件,而不需要定义相应的 prop。尽管为组件定义明确的 prop 是推荐的传参方式,组件的作者却并不总能预见到组件被使用的场景。所以,组件可以接收任意传入的特性,这些特性都会被添加到组件的根元素上。例如,假设我们使用了第三方组件 bs-date-input,它包含一...转载 2018-08-13 20:49:42 · 488 阅读 · 0 评论 -
Vue路由开启keep-alive时的注意点
这个不是业务的要求,但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM,觉得作为一个前端工程师有必要优化下的加载逻辑,正好vue提供了 keep-alive 的功能,所以就试用了下。当然,干任何事儿都不会一帆风顺的,在路上的磕磕碰碰在所难免,故在此记录下遇到的问题,希望看到这篇文章的人能有所帮助。ps:这个也没多难。HTML部分:<template> <d...转载 2018-08-07 21:33:17 · 1070 阅读 · 0 评论 -
Vue中router-link及其属性介绍
原文地址:http://router.vuejs.org/zh-cn/api/router-link.html<router-link><router-link> 组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签,可以通过配置 tag 属性生成别的标签.。另外,当目标路由成功激活时,链...转载 2018-08-07 16:48:44 · 8129 阅读 · 1 评论 -
VUE的nextTick
一、定义[nextTick、事件循环] nextTick的由来: 由于VUE的数据驱动视图更新,是异步的,即修改数据的当下,视图不会立刻更新,而是等同一事件循环中的所有数据变化完成之后,再统一进行视图更新。 nextTick的触发时机: 在同一事件循环中的数据变化后,DOM完成更新,立即执行nextTick(callback)内的回调。 应用场景: ...转载 2018-08-14 17:41:08 · 297 阅读 · 0 评论 -
Vue 2.0学习笔记:使用$refs访问Vue中的DOM
Vue 2.0学习笔记通过前面对Vue的学习,到现在我们很有必要进一步了解Vue实例中的一些特殊的属性和方法。首先要了解的是$refs属性。但是在深入到JavaScript部分之前,我们先看看模板。<div id="app"> <h1>{{ message }}</h1> <button @click="clickedBut...转载 2018-08-05 15:47:32 · 4881 阅读 · 0 评论 -
vue-router 基本使用
30天JavaScript,每天一个小demo,轻轻松松掌握基础用法,详见点击打开链接,欢迎点赞~~~谢谢,共同进步学习vue-router 基本使用 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => abou...转载 2018-07-31 00:26:25 · 148 阅读 · 0 评论 -
vue-router 2.0 常用基础知识点之router-link
前端采用前后端分离的方式进行开发,我们使用vue2.0框架,做单页面应用难免会用到vue-router,今天把项目中的用到router-link摘出来,一是想整理一下这些用法,方便下次快速查找,二是重新再过一下vue-router,增加熟悉度。也希望下面这些例子能帮到其他使用vue-router的朋友。1,$route.params类型: Object一个 key/value 对象...转载 2018-07-31 00:09:15 · 700 阅读 · 0 评论 -
vue的生命周期
如何解释vue的生命周期才能令面试官满意? 当面试官问:“谈谈你对vue的生命周期的理解”,听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么,创建=>挂载=>更新=>销毁,So easy...转载 2018-07-25 14:36:08 · 233 阅读 · 0 评论 -
v-bind和v-model的区别
Vue- 动态元素属性及v-bind和v-model的区别属性Mustache (双大括号写法)不能在 HTML 属性中使用,应使用 v-bind 指令:<div v-bind:id="dynamicId"></div>这对布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会被移除:<button v-bind:disabled="someDynami...转载 2018-07-06 13:32:41 · 4967 阅读 · 0 评论 -
vue.js中的v-bind语法的使用详解
一、v-bind 初探它是一个 vue 指令,用于绑定 html 属性,如下:<div id="app"> <p v-bind:title="title">html属性不能使用双大括号形式绑定,只能使用v-bind指令</p></div>......var vm = new Vue({ el: '#app', data:...转载 2018-07-06 12:02:47 · 54797 阅读 · 2 评论 -
Vue 2.0生命周期和钩子函数以及和Vue 1.0的比较
Vue 2.0生命周期和钩子函数生命周期和钩子函数-介绍啥也不说先上图图-1为 Vue 1.0 生命周期图,图-2为 Vue 2.0 生命周期图,图-3为Vue 1.0 和 Vue 2.0 钩子函数比较 重点看 Vue 2.0生命周期和钩子函数-具体<!DOCTYPE html><html><head> <meta charset="utf-8...转载 2018-06-29 13:43:15 · 858 阅读 · 0 评论 -
如何解释vue的生命周期才能令面试官满意?
如何解释vue的生命周期才能令面试官满意?当面试官问:“谈谈你对vue的生命周期的理解”,听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么,创建=>挂载=>更新=>销毁,So easy !...转载 2018-06-29 13:40:28 · 262 阅读 · 0 评论 -
Vue.js和MVVM
Vue.js和MVVM的小细节MVVM是Model-View-ViewModel的缩写,它是一种基于前端开发的架构模式,其核心是提供对View和ViewModel的双向数据绑定,这使得ViewModel的状态改变可以自动传递给View,即所谓的数据双向绑定。Vue.js是一个提供了MVVM风格的双向数据绑定的JavaScript库,专注于View层。它的核心是MVVM中的VM,也就是ViewMod...转载 2018-05-08 16:59:24 · 356 阅读 · 0 评论