摘要:
### key值 虚拟DOM对比节点是否需要更新,通过key值比较,key值建议不要用随机数或下标,用id值,保持唯一性。 ### commit()方法没有返回值 commit()方法没有返回值,在mutations中定义的方法就是用来修改state中的值的,如果要封装一些自己用的方法,在store 阅读全文
摘要:
let obj={ name:"吴小明", age:24, love:{ pingpang:true } } let obj1=obj; obj.name="孙艺珍"; obj.love.pingpang=false; console.log(obj) console.log(obj1) 输出结果为 阅读全文
摘要:
### vuex 1、什么是vuex? 官方:vuex是一个公共状态管理,通俗来说就是一种最好的非父子组件传值方案。 所谓的vuex就是一个公共的内存对象,它把所有组件需要公用的状态放到了一个公共的内存空间里,并且给每一个状态做了一个数据劫持(给每个状态添加了一个getter和setter方法)。 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div div { width: 20px; text-align: center; line-height: 20 阅读全文
摘要:
### 路由 前端路由: 根据用户请求不同的url来展示不同的页面或者数据,前端路由是不会涉及到后端请求的,以及页面不会进行刷新。用户体验比较好,一般用来做单页面开发(SPA)。前端路由底层原理:hashchange和H5的history API中的popState和replaceState来实现。 阅读全文
vue-day06----过渡&动画(transition)、axios、axios以post方式请求数据、axios常用的配置项、axios拦截器、qs处理数据、vue中async和await的使用
摘要:
### vue过渡&动画 transition标签 1、在vue中如果需要使用动画的时候必须要给动画的元素/组件包裹一个transition内置组件 2、transition内置组件身上有一个name属性,值为动画的名称 3、vue中应用动画的元素必须经历显示和隐藏的操作(v-if v-show) 阅读全文
摘要:
### 自定义指令 directive 全局自定义指令:Vue.directive() 局部自定义指令:directives directive(参数一,参数二) 参数一:指令名称 参数二:指令的配置项,可以是函数,也可以是对象 函数: 参数一:使用当前指令的元素 参数二:指令的详细信息 { mod 阅读全文
摘要:
### 组件传值 1、父传子 传递:当子组件中在父组件中当做标签使用的时候,给子组件绑定一个自定义属性,值为需要传递的数据 接收:在子组件内部通过props进行接收,props接收的方式有2种: ①通过数组进行接收 props:["属性"] ②通过对象进行接收 props:{ 属性:{ (1)typ 阅读全文
摘要:
### webpack搭建vue环境 webpack工作原理:将入口文件需要的所有文件通过loader进行打包,在需要的时候直接引入。 1、初始化文件夹 创建webpackproject文件夹,在终端中打开,npm init -y 2、安装webpack以及webpack-cli npm insta 阅读全文
摘要:
# day01 ### vue基础 vue是一个渐进式的JavaScript框架,是一个MVVM框架。 M:数据层 V:视图层 VM:映射层 vue的特点:通过数据去操作视图 底层原理:Object.defineProperty()(ES5,不支持IE8) vue3.0是使用new Proxy()( 阅读全文