Vue官网2文档笔记
文章目录
- $event
- $on
- Class 与 Style 绑定
- 对象语法
- 列表渲染
- v-for 中使用对象
- 事件处理
- 事件修饰符
- 插槽
- 具名插槽
- 解构插槽 prop
- 动态组件&异步组件
- 访问元素&组件
- 访问根元素
- 处理边界情况
- 访问子组件&子元素
- 处理边界情况
- 依赖注入
- 程序化事件监听器
- 组件之间的循环引用
- 模板定义的替代品
- 过渡&动画
- 可复用性$组合
- 混入 mixin
- 选项合并
- 全局混入
- 自定义函数
- 钩子函数
- 渲染函数&JSX
- 基础
- 使用JS代替模板功能
- 事件&按键修饰符
- 插槽
- JSX
- 函数式组件
官网Vue2文档笔记
文档地址:https://cn.vuejs.org/v2/guide/
(注:可以使用csdn在线编辑发布编辑markdown的服务,导出为markdown文件后转存到坚果云,pc端无法显示目录,但是移动端可以。等待其完善功能,(不必将图片另存文件,更多功能,保存模板间断编辑
$event
更多枚举查看 Vue property API
或者查看收藏夹中速查文件夹中的 Vue Property API
$on
Class 与 Style 绑定
对象语法
(js 语法动态绑定与切换 style 属性
列表渲染
v-for 中使用对象
(可以循环对象
(index;name;value
事件处理
事件修饰符
(.stop:阻止事件的传播(冒泡、捕获)
(.prevent:提交事件不再重载界面
(.capture:两个 div 嵌套,外层 div.capture,发生点击事件会先执行外层 div 代码,与 self 相反
(.self:…先触发内部元素事件
(.once:只响应一次事件
(.passive:告诉浏览器,执行默认动作,不用再去查询是否执行默认动作的过程,提高响应速度
(.stop.prevent:
(.self.prevent:自会阻止对元素自身的点击
插槽
具名插槽
(格式
解构插槽 prop
(在父组件中使用 js 语法操作 prop
动态组件&异步组件
(动态组件<keep-alive)
(异步组件在于体现异步!!!具体看代码
访问元素&组件
访问根元素
(使用$root,$parent
访问根元素(父元素
处理边界情况
访问子组件&子元素
(可以使用$refs 属性访问子组件
处理边界情况
依赖注入
(父、子组件通过 provide 与 inject 实现数据传输
(与 prop 的区别:代码结构,数据不能实时更新等
程序化事件监听器
($on,$once,$off
组件之间的循环引用
(渲染时异步加载
模板定义的替代品
(内联模板:inline-templete,在 Vue 的 DON 元素内定义
(X-Template,在 Vue 的 DOM 元素外引用)
过渡&动画
新部分,注意使用和掌握、
(有类似 Element-ui 这样的库存在,可以直接引用,而不必自定义)
单独另编辑文件介绍使用
可复用性$组合
混入 mixin
(概念,语法,与组件的用法场景上的区别:分发 Vue 组件中的可复用功能
选项合并
(钩子函数:对象与组件元素冲突时的取舍
(methods 等:对象与组件元素冲突时的取舍
全局混入
(一般用不到,仅做了解
自定义函数
##简介
(directive 局部定义、全局定义
钩子函数
(各个钩子函数以及其参数
![在这里插入图片描述](https://img-blog.csdnimg.cn/08505d38ac75490ba6f80b9de9e3af54.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAcXFfNDI2OTQ0OTU=,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
渲染函数&JSX
(看添加的注释,this.$slot.defulft 在这里增加了拓展性
(读懂代码逻辑与作用,前后对比结合文字导引你会发现理解跟使用起来很简单!!!!记得做笔记这部分
(需要掌握的是JSX部分,加载组件库快速实现功能)
基础
(涉及的基础可完全不止这一点,就是个导引)
使用JS代替模板功能
(了解)
事件&按键修饰符
(了解)
插槽
(了解)
JSX
(掌握)
函数式组件
内容比较多页,逻辑同前(不要被属性束缚,了解就好)
个人认为仅做了解,前半部分涉及了Render函数,后面有solts与children区别、引用的短小编译底层代码等可窥探一下深渊
等其他后续内容部分仅做了解,部分可能会被用到
Vue官网2文档笔记相关推荐
- postgresql 官网学习文档
pg数据官网学习文档,PostgreSQL: Documentation 中文版:文档目录/Document Index: 世界上功能最强大的开源数据库...
- 思科wlc产品文档_案例:教你在思科官网查找文档解决你的问题
对于学习思科和调试思科设备的小伙伴而言,我们必须要会的一项工作就是: 利用思科官网和Google解决自己遇到的问题,注意我说的是Google,不是某某卖假药的网站. 下面我通过一个小例子给大家演示如何 ...
- 官网案例文档结构-kera学习笔记三
下载网址:https://github.com/keras-team/keras Keras开发包文件目录 Keras实例文件目录 keras-master 文档结构框架 ├─.github ├─do ...
- PyQt(Python+Qt)帮助文档官网及文档下载
一.帮助文档下载 老猿在网上找到一个Qt 5.9的帮助文档,没有找到最新版的,并且这个文档官网上没有下载,不知道源头在哪里可以下载. 文档存放在百度网盘: 链接:https://pan.baidu.c ...
- Knockout 官网学习文档目录
官网:https://knockoutjs.com/documentation/introduction.html Knockout-Validation: https://github.com/Kn ...
- 关于海康官网接口文档中:取流URL有效时间为5分钟表述歧义的说明
在海康官方在线接口文档中(原文链接:https://open.hikvision.com/docs/63f761576c594a309708525e1eefdbdb),关于视频预览接口中:获取监控点预 ...
- android sdk官网帮助文档
下载中文sdk工具的链接在此 http://files.cnblogs.com/over140/AndroidBox0.5.zip 查看单独的中文api文档 http://www.cnblogs.co ...
- Vue 官网学习笔记
VUE介绍 vue git 地址:https://github.com/vuejs/vue/projects Vue 官网教程地址:https://cn.vuejs.org/v2/guide/inst ...
- 重磅:Vue 官网竟然有免费的中文视频教程了
loonggg 读完需要 2 分钟 速读仅需1分钟 关注我很久的读者应该都知道,这两年我一直在创业,当然了,作为程序员创业来讲,其实有时候真的不得不自己去干很多活.虽然我是移动端开发出身,但是这两年其 ...
最新文章
- PLSQL DEVELOPER 使用技巧
- bootstrap 分页_这五款超好用的Bootstrap扩展,让你的Web开发事半功倍
- Linux下Apache自动监测重启脚本
- Hibernate---架构
- 内存共享和过量使用区别在哪里?
- ASP.NET中 DataGrid简单自定义分页
- Oracle11g客户端如何完全卸载
- 七月文章导读【TCP/IP相关】:解密 TCP/IP;什么是公网ip?什么是内网ip?为什么ip地址通常以192.168开头?
- DropBox:机器学习每年可以为我们节省170万的文档预览费用
- jquery + ashx + Json 操作数据
- linux开机自启动方法,Linux配置开机自启动
- vscode 左侧文件夹颜色含义
- html 实现动态在线预览word、excel、pdf等文件(方便快捷)
- java写俄罗斯方块难吗_用JAVA写的俄罗斯方块
- 【Windows】Windows如何使用注册表修改软件默认安装路径?
- NBA表格_NBA球星大排位16—季后赛荣誉汇总
- VisionBank机器视觉软件-工业机器视觉检测
- DelayQueue,网吧记时
- 学校食堂剩餐怎么办?智慧食堂解决方案来了
- 真心话大冒险的暴强回复