在应用 Vue 组件中的 <style>
标签时,我们可以添加 scoped
属性。这会让全部样式完全的封装到当缁ら件,意思是在组件中如不雅我们写了 .name
的 css 选择器,它不会榜样式应用到其他组件中。我异常爱好这种方法来竽暌功悠揭捉?式而不是像其他重要框架风行在 JS 中编写 CSS 的方法。
在这篇文┞仿中,我旨在解释为什么 Vue 合适我,为什么在上文中那些我测验测验过的框架中选择它。也许你将赞成我的一些不雅点,但至少我欲望可以或许给大年夜家应用 Vue 开辟明代 JavaScript 应用一些灵感。
1、 极少的模板语法
关于单文件组件另一个好处是 .vue 文件实际上是一个有效的 HTML 5 文件。<template>
、 <script>
、 <style>
都是 w3c 官方规范的标签。这就表示很多如 linters (LCTT 译注:一种代码检查对象插件)如许我们用于开辟过程中的对象可以或许开箱即竽暌姑或者添加一些适配后应用。
3、 Vue “新的 jQuery”
一些使 jQuery 牛逼的┞奋学理念在 Vue 中也有出现:异常轻易的进修曲线但却具有基于现代 web 标准构建牛逼 web 应用所有你须要的功能。Vue 的核心本质上就是在 JavaScript 对象上包装了一层。
4、 极易扩大
正如前述,Vue 默认应用标准的 HTML、JS 和 CSS 构建组件,但可以很轻易插入其他技巧。如不雅我们想应用pug(LCTT译注:一款功能丰富的模板引擎,专门为 Node.js 平台开辟)调换 HTML 或者应用 Typescript(LCTT译注:一种由微软开辟的编程说话,是 JavaScript 的一个超集)调换 js 或者 Sass (LCTT 译注:一种 CSS 扩大说话)调换 CSS,只须要安装相干的 node 模块和在我们的单文件组件中添加一个属性到相干的标签即可。你甚至可以在一个项目中混淆搭配应用 —— 如一些组件应用 HTML 其他应用 pug ——然而我不太肯定则么做是最好的做法。
5、 虚拟 DOM
虚拟 DOM 是很好的技巧,被用于现如今很多框架。其意味着这些框架可以或许做到根据我们状况的改变来高效的完成 DOM 更新,削减从新衬着,大年夜而优化我们应用的机能。现如今每个框架都有虚拟 DOM 技巧,所以固然它不是什么独特的器械,但它仍然很出色。
6、 Vuex 很棒
对于大年夜多半应用,治理状况成为一个棘手的问题,零丁应用一个视图库不克不及解决这个问题。Vue 应用 Vuex 库来解决这个问题。Vuex 很轻易构建并且和 Vue 集成的很好。熟悉 redux(另一个治理状况的看惟的人进修 Vuex 会认为轻车熟路,然则我发明 Vue 和 Vuex 集成起来加倍简洁。最新 JavaScript 草案中(LCTT 译注:应当是指 ES7)供给了对象展开运算符(LCTT 译注:符号为 ...
),许可我们在状况或函数中进行归并,以把持大年夜 Vuex 到须要它的 Vue 组件中的状况。
7、 Vue 的敕令行界面(CLI)
Vue 供给的敕令行界面异常不错,很轻易用 Vue 搭建一个基于 Webpack(LCTT 译注:一个前端资本加载/打包对象)的项目。单文件组件支撑、babel(LCTT 译注:js 语法转换器)、linting(LCTT译注:代码检查对象)、测试对象支撑,以及合理的项目构造,都可以在终端一一行敕令创建。
然而有一个敕令,我在 CLI 中没有找到,那就是 vue build
。
如:
vue build
敕令构建和运行组件并在浏览器中测试看起来异常简单。很不幸这个敕令后来在 Vue 中删除了,如今推荐应用 Poi。Poi 本质上是在 Webpack 对象上封装了一层,但我不认我泥像推特上说的那样简单。8、 从新衬着优化
应用 Vue,你不必手动声明 DOM 的哪部分应当被从新衬着。我大年夜来都不爱好把持 React 组件的衬着,像在
shouldComponentUpdate
办法中停止全部 DOM 树从新衬着这种。Vue 在这方面异常奇妙。9、 轻易获得赞助
Vue 已经达到了应用这个框架来构建各类各样的应用的一种群聚效应。开辟文档异常完美。如不雅你须要进一步的赞助,有多种渠道可用,每个渠道都有很多活泼开辟者:stackoverflow、discord、twitter 等。相对于其他用户量少的框架,这就应当给你更多的信念来应用Vue构建应用。
10、 多机构保护
我认为,一个开源库,在成长偏向方面的投票权力没有被单一机构把持过多,是一个功德。就如同 React 典范可证问题(现已解决),Vue 就弗成能涉及到。
总之,作为你接下来要开辟的任何 JavaScript 项目,我认为 Vue 都是一个极好的选择。Vue 可用的生态圈比我博客中涉及到的其他库都要大年夜。如不雅想要更周全的产品,你可以存眷 Nuxt.js。如不雅你须要一些可反复应用的样式组件你可以存眷类似 Vuetify 的库。
Vue 是 2017 年增长最快的库之一,我猜测在 2018 年增长速度不会放缓。
如不雅你有余暇的 30 分钟,为什么不测验测验下 Vue,看它可以给你供给什么呢?
【编辑推荐】
【义务编辑:庞桂玉 TEL:(010)68476606】
- 1000多个项目中十大年夜JavaScript缺点以及若何避免
- 2018年,我们该若何应用JavaScript?
- 2018 年,前端开辟人员应当存眷哪些新晋技巧?
- JavaScript中this的运行机制及爬坑指南
- 前端开辟真的会被代替吗?
事实上,这两个库不类似并且用于做不合的事。让我供给给你一个很精辟的类比(我实际上异常爱好描述 Vue 和 jQuery 之间的关系):披头士乐队和齐柏林飞船乐队(LCTT 译注:两个都是英国有名的乐队)。披头士乐队不须要介绍,他们是 20 世纪 60 年代最大年夜的和最有影响力的乐队。但很难说披头士乐队是 20 世纪 70 年代最大年夜的乐队,因为有时这个光荣属于是齐柏林飞船乐队。你可以说两个乐队之间有着奥妙的音乐接洽或者说他们的音乐是明显不合的,但两者一些先前的艺术和影响力是弗成否定的。也许 21 世纪初 JavaScript 的世界就像 20 世纪 70 年代的音乐世界一样,跟着 Vue 获得更多存眷应用,只会吸引更多粉丝。
推荐阅读
沙龙晃荡 | 3月31日 京东、微博、华为拭魅战专家与你合营商量容器技巧实践! 当我们在评论辩论主动驾驶离我们到底还有多远的时刻,主动驾驶客运巴士——阿尔法巴(Alphabus)智>>>详细阅读
本文标题:带你了解我喜欢Vue的10个方面
地址:http://www.17bianji.com/lsqh/40797.html
1/2 1