![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE总结
BoomShaKa_S
知其然,也要知其所以然
展开
-
VUE组件:组件通信
组件通信概述组件通信的几种方式(一)父到子的通信(二)子到父的通信①父子组件的概念②子组件向父组件通信流程③扩展一:在组件标签上绑定原生事件④扩展二:自定义事件@input的语法糖——v-model直接用语法糖v-model绑定一个计算属性概述所谓组件间的通信,实际上就是指在各个组件间,进行参数或者信息的相互传递。比如通过props给子组件传参,实际上这就是父组件向子组件进行单向的通信组件...原创 2019-04-11 00:55:58 · 199 阅读 · 0 评论 -
VUE:双向绑定的原理和实现(浅谈)
vue数据双向绑定原理VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的之后我们先来看这个参数,参数的详细用法在这里 点击这里阅读详细用法这里我们大概说一参数的用法参数Object.defineProperty() 接收三个参数要操作的对象要定义或修改的对象属性名属...原创 2019-04-07 04:07:37 · 323 阅读 · 0 评论 -
VUE:插值与绑定
Vue框架数据模型层M与视图层V双向绑定,自动刷新{{ }} :插入与绑定文本(类似与innerText的作用)①{{ 变量名 }}插入与绑定文本实例代码<body> <!-- 相当于视图V层 --> <div id="app"> <h1>{{message}}</h1> &...原创 2019-04-07 22:18:20 · 753 阅读 · 0 评论 -
VUE:详解路由(router)
路由routerVUE路由整体的实例路由导航①更换路由地址②tag属性③自动设置类④设置行内样式路由视图路由器配置路由在组件中访问路由器对象动态的路径参数(多种情况匹配同一个组件)①基本使用②细节分析③可设置多段【动态路径参数】④可带查询参数⑤动态路径的参数发生变化时,对应组件会被复用⑥监听【动态的路径参数】的变化⑦路由匹配的优先级嵌套路由【显示多层级的路由视图】①在组件中添加路由②在路由器中添加...原创 2019-04-22 00:14:22 · 691 阅读 · 0 评论 -
VUE:自定义指令
自定义指令简介指令的注册全局注册指令(和全局注册一样)局部注册指令(和局部注册一样)自定义指令中的钩子函数概念具体的钩子函数(指令的生命周期内)使用示例各钩子函数概览钩子函数参数el: 表示指令所绑定的元素,可用来直接操作DOMbinging: 一个绑定对象,主要的属性如下:Vnode: vue编译生成的虚拟节点oldVnode: 上一个虚拟节点,仅在update和componentUpdate钩...原创 2019-04-14 20:13:11 · 231 阅读 · 0 评论 -
VUE:搭建脚手架——单文件组件
配置入口entry1. vue单文件组件写法①什么是vue单文件组件写法②为什么要使用vue单文件组件写法③单文件写法示例2. 在webpack中使用vue单文件组件①安装nodejs , 搭建nodejs环境②用node自带npm安装yarn③创建项目目录(以英文命名)④在根目录(my-project)下创建package.json文件⑤用yarn全局安装webpack⑥在项目根目录(vuewe...原创 2019-04-17 18:35:52 · 488 阅读 · 0 评论 -
VUE:状态管理(Vuex)
状态管理VuexVuex使用流程State①通过计算属性显式store数据②mapState 辅助函数MutationsGetters①概述②以属性形式访问getter③通过方法访问getter【方法】mapGetters 辅助函数Actions①概述②实例③给actions方法传参③在组件中分发 Action④根据action的异步执行结果在组件中做些事情⑤修改state的选择modulesV...原创 2019-04-23 01:12:15 · 555 阅读 · 0 评论