![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Princess.
记录学习历程的博客。。。
展开
-
有关vue
1.vue的生命周期:Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。2.Vue中的MVVM模式:MVVM全称是Model-View-ViewModelVue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,DOM和数据将保持同步,每当数据发生变化,DOM会跟着变化。 Vie...转载 2019-04-16 16:07:37 · 136 阅读 · 0 评论 -
vue组件通信
Vue 组件间通信有哪几种方式?Vue 组件间通信是面试常考的知识点之一,这题有点类似于开放题,你回答出越多方法当然越加分,表明你对 Vue 掌握的越熟练。Vue 组件间通信只要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信,下面我们分别介绍每种通信方式且会说明此种方法可适用于哪类组件间通信。(1)props / $emit 适用 父子组件通信这种方法是 Vue 组件的基础,...转载 2019-09-17 16:06:57 · 182 阅读 · 0 评论 -
vue组件学习
参考学习:https://blog.csdn.net/WU5229485/article/details/82908068https://www.cnblogs.com/CyLee/p/8425191.htmlhttps://www.cnblogs.com/avon/p/5943008.html转载 2019-09-16 16:08:48 · 76 阅读 · 0 评论 -
vue
1.vm.$data.msg === vm.msg2.数据绑定: mustache{{}}(插值语法)从data中获取,不作用在html属性上3.双相数据绑定(简单的例子)4.动态添加数据1 Vue.set(object, key, value) - 适用于添加单个属性2 Object.assign() - 适用于添加多个属性5.异步DOM的更新如果需要那到更新后dom中的数据 ...原创 2019-09-16 11:08:10 · 83 阅读 · 0 评论 -
vue 过滤器
参考学习:https://www.jianshu.com/p/6ead0ed825da参考学习:https://www.jianshu.com/p/a585f4c55f72转载 2019-09-15 21:50:39 · 66 阅读 · 0 评论 -
vue 非父子组件传递参数
参考学习:https://www.jianshu.com/p/870836d55262请直接看代码,在初始化web app的时候,给data添加一个 名字为eventhub 的空vue对象new Vue({ el: '#app', router, render: h => h(App), data: { eventHub: new Vue() }})某一...转载 2019-05-09 15:45:12 · 184 阅读 · 0 评论 -
vue-router传递参数
参考学习:https://blog.csdn.net/crazywoniu/article/details/80942642vue-router传递参数分为两大类编程式的导航 router.push声明式的导航 <router-link>this.$router.push("home");()this.$router.push({ name: 'news', params...转载 2019-04-30 20:31:20 · 125 阅读 · 0 评论 -
有关vue面试
参考:https://www.cnblogs.com/sichaoyun/p/8406194.html (收藏)转载 2019-04-28 21:06:09 · 86 阅读 · 0 评论 -
vue-router
参考学习:https://www.cnblogs.com/SamWeb/p/6610733.html转载 2019-04-28 20:58:42 · 266 阅读 · 0 评论 -
有关vue-router单页面实例
参考学习:https://www.cnblogs.com/ww03/p/6038176.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello world</title></head><...转载 2019-04-28 20:41:35 · 128 阅读 · 0 评论 -
vue class绑定与style绑定
对象语法:对象中有一个属性:我们可以传给 v-bind:class 一个对象,以动态地切换 class 。<div v-bind:class="{ active: isActive }"></div>上面的语法表示 classactive 的更新将取决于数据属性 isActive 是否为真值 。对象中有多个属性我们也可以在对象中传入更多属性用来动态切换多个 c...转载 2019-04-28 19:18:30 · 168 阅读 · 0 评论 -
vue 计算属性
参考学习:http://doc.vue-js.com/v2/guide/computed.html计算属性与methods不经过计算属性,我们可以在 method 中定义一个相同的函数来替代它。对于最终的结果,两种方式确实是相同的。然而,不同的是计算属性是基于它的依赖缓存。计算属性只有在它的相关依赖发生改变时才会重新取值。这就意味着只要 message 没有发生改变,多次访问 reversed...转载 2019-04-28 19:04:23 · 107 阅读 · 0 评论 -
有关vue的生命周期
请详细说下你对vue生命周期的理解答:总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后创建前/后: 在beforeCreate阶段,vue实例的挂载元素el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,el还没有载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟...转载 2019-04-28 10:54:12 · 108 阅读 · 0 评论 -
有关vue (父子组件传值)
模板 挂载点 实例v-html v-text {{}} 插值表达式v-on:click=" " v-on(@) 绑定事件v-bind:title=" " v-bind(转载 2019-04-27 19:53:33 · 120 阅读 · 0 评论 -
vuex
个人理解:Vuex是用来管理组件之间通信的一个插件 他有4个核心选项:state mutations getters actions<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...转载 2019-05-01 19:37:17 · 105 阅读 · 0 评论 -
vue总结
1.vue mvvm2.vue生命周期3.vue双向数据绑定原理4.vue基本指令prop extend5.vue组件6.vue路由(路由传值, 路由实现模式3)、//(6个过程)7.vue组件传值$rels $children $parent $emit $on query params...原创 2019-09-19 09:46:04 · 93 阅读 · 0 评论