![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue学习、实战笔记
欢大喜。
这个作者很懒,什么都没留下…
展开
-
vue路由传参
1.直接调用$router.push实现携带参数的跳转methods:{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, })}对应路由配置{ path: '/particulars/:id', name: 'particulars', component: pa原创 2020-05-10 17:51:21 · 90 阅读 · 0 评论 -
面试题:vue实现双向数据绑定的原理(附源代码)
此面试题浅层次的解释在:前端面试题:vue 的双向数据绑定原理,v-model的源码深层次,其实就是问你vue数据绑定的原理:1、使用Object.defineProperty进行数据劫持...转载 2020-05-03 17:26:53 · 1162 阅读 · 0 评论 -
vue生命周期钩子
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;生命周...原创 2020-04-30 09:00:14 · 106 阅读 · 0 评论 -
vue组件通讯
逐层传递父子属性绑定+props接受// 父 template内<子 :自定义属性="父数据"></..>//子 script内props:['自定义属性'] props:{自定义属性:{type/default/required/...}}//子 template内<div> {{自定义属性}}</div>pr...原创 2020-04-30 00:23:06 · 109 阅读 · 0 评论 -
基于vue和bootstrap实现简单的留言板功能
作为一个刚开始接触vue的前端小白,我想在这里记录一些学习过程,希望和大家一起进步,如有不妥处之处,请多多指教呦。今天呢,是我学习vue的第二天,我想制作一个建议的留言板。功能很简单,就是数据的增删改查,下面开始步入正题:大致布局如下:1.html布局如果大家不想自己去写css样式,使用bootstrap框架是一个很好地选择,它提供了一套响应式、移动设备优先的流式栅格系统。 <...原创 2020-02-29 23:56:02 · 1451 阅读 · 1 评论 -
vuex--状态管理
vuex是一个专门为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用所采用的组件状态,正是一处修改,多处使用,多个组件依赖于同一状态。安装npm i vuex -SVuex相关成员Vuex是个对象,相关成员如下:成员用途Store类,构造状态管理的实例mapActions函数,通讯工具mapMutations函数,通讯工具ma...原创 2020-03-24 09:22:55 · 105 阅读 · 0 评论