![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 95
大莲芒
但行好事,莫问前程
展开
-
vue之vuex 状态管理工具
一、vuex安装npm install vuex --save** vuex共有五个属性:**state用于存储数据getters用于包装数据mutations用于处理state中数据,存放方法 是同步的请求actions用于进行异步操作module 各个模块1、store中代码import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: {原创 2020-08-02 22:32:16 · 253 阅读 · 0 评论 -
Vue 的 computed 和 watch
computedcomputed 是计算属性,它会根据你所依赖的数据动态显示新的计算结果 计算属性将被加入到 Vue 实例中。所有 getter 和setter 的 this 上下文自动地绑定为 Vue 实例通过计算出来的属性不需要调用直接可以在 DOM 里使用基础例子var vm = new Vue({ el: '#app', data: { message: 'hello' }, template: ` <div> <p>我是原始值:原创 2020-07-09 22:15:53 · 192 阅读 · 1 评论 -
路由实现原理
Vue Router 路由实现原理一、概念通过改变 URL,在不重新请求页面的情况下,更新页面视图。二、实现方式更新视图但不重新请求页面,是前端路由原理的核心之一,目前在浏览器环境中这一功能的实现主要有2种方式:1.Hash — 利用 URL 中的hash("#");利用 History interface 在HTML5中新增的方法。Vue 中,它是通过 mode 这一参数控制路由的实现模式:const router=new VueRouter({ mode:'history'原创 2020-07-02 22:07:33 · 1723 阅读 · 0 评论 -
vue之数据双向绑定的原理
vue 数据双向绑定的原理VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象**获取属性值(get)和设置属性值(set)**的操作来实现的。它会接收三个参数第一个参数:定义属性的对象第二个参数:定义和修改对象属性的名称第三个参数:定义和修改对象属性的描述符实现mvvm(model–view–viewModel)主要包含两个方...原创 2019-05-08 11:23:33 · 371 阅读 · 0 评论