OriginalMIxss的博客

前言Vue三要素:响应式: 监听数据变化,实现方法为双向绑定模板引擎:解析模板渲染:将监听到的数据变化和解析后的HTML进行渲染数据初始化Vue的实例化过程,此处的构造函数传入的参数为一个对象,就是熟悉的optionsnew Vue({ el: "#app", router, store, render: (h) => h(App),});接下来使用 initMixin()方法将 _init() 方法挂在 Vue原型 供实例调用import { initSta

虚拟DOM和Diff算法一 虚拟DOM概念一 虚拟DOM概念虚拟DOM是一个用来表shi

面经集合一 JavaScript1 原生DOM操作ES6箭头函数和普通函数的区别：var、let、constpromise二 html三 CSS1 css 选择器及选择器优先级2 伪类和伪元素的区别3 Flex 布局居中4 盒模型5 可继承性四 算法题1 JS求页面中出现最多次数的标签（未检查）五 VueVue-Router导航守卫（路由钩子）v-show 和 v-ifVue双向绑定原理vue-loadvue和react的区别组件通信原理六 计网TCP与UDP的区别url解析过程跨域display:noe

Vue render函数渲染函数watchmixin渲染函数JS原生DOM操作中Vue第一个参数还可以传组件，在第二参数对象里面放入props<template> <test :foods="foods" tag="ul"></test></template><script>import Test from "./test";export default { components: { Test, }, d

Vuex一 介绍二 demo结构三 使用stategettermutationAction四 demo实现五 map辅助函数一 介绍Vue中的组件中数据传输主要是通过父子通信来传输数据.,但当项目达到了中大型的规模，组件中的通信逻辑将变得十分复杂，这个时候我们可以通过Vuex来解决，全局存放处理数据Vuex准确的官方定义是一种状态管理模式，集中式存储管理应用的所有组件状态，既是解决不同视图的状态依赖问题，统一进行管理调度二 demo结构Vuex也可以模块化开发使用声明建立一个store

1 简介  Vue中动态绑定值的方法常使用Mustache插值语法进行绑定，而绑定属性和组件间通信传值的时候则使用v-bind命令。  常见的需要动态绑定的属性有- v-bind:src 图片链接- v-bind:herf 网页链接- v-bind:class class绑定 不过我们常用语法糖的形式简写 如:src="\xxx"2 绑定class对象语法用法一：直接通过{}绑定一个类，对象的key前为css属性名称，对象的value可为Boolean值的变量或者具体的属性值。为Boo