vue组件化之模板优化及注册组件语法糖
2024-09-25 11:24:59
vue组件化之模板优化及注册组件语法糖
vue组件化 模板 优化
在 https://www.cnblogs.com/singledogpro/p/12054895.html 这里我们对vue.js进行了初体验,输出了经典的hello world.但是在这个过程遇到了编程最恶心的事情----字符串拼接。
enter description here
vue.extend函数需要一个对象,这个对象的属性是个模板,这个模板的源码是H5.
模板优化
创建组件构造器
在JavaScript里面写H5代码,这对于模块化来说是一种破坏。
再者,字符串拼接是非常恶心的事情,看上面的gif,可知字符串拼接不能格式化,不能代码检查,要自己动手调格式,非常容易出错。
在script标签之前使用template标签,相当于在H5文档编写H5代码,不仅代码可以缩进,还有代码检查。
template模板
注册组件语法糖
所谓的注册组件语法糖是指省去组件构造器的定义,直接将组件构造器对象传入注册组件函数里,这样会减少CPU的调度以及内存的分配。
全局注册组件语法糖
全局组件注册优化
将组件构造器对象传入注册组件函数
局部注册组件语法糖
局部组件注册优化
将组件构造器对象传入注册组件函数
一般来说,很少使用全局组件,通常都是使用局部组件。
最新文章
- ubuntu+mono+jexus 搭建.net的web平台 实现.net跨平台
- 开发机上绕过Chrome同源策略的办法
- Virtualbox+UbuntuServer+Xshell搭建Linux开发环境
- react native 遇到的坑
- 不使用BeanUtils,利用Java反射机制:表单数据自动封装到JavaBean
- (转载)与OpenDialog相关的一个问题
- Java基础知识强化之集合框架笔记07:Collection集合的遍历之迭代器遍历
- 用java写bp神经网络(一)
- C语言实现求字符串子集问题
- Collections.sort的两种用法
- Spring核心--IOC
- python3基础(一)
- 写好Java代码的30条经验总结(转)
- hadoop学习视频
- react学习(二)之通信篇
- Python 静态方法,类方法,属性方法
- oracle 修改进程
- bzoj 3489 A simple rmq problem - 线段树
- Java 8里面lambda的最佳实践
- RabbitMQ系列教程之三:发布/订阅(Publish/Subscribe)(转载)