浅谈vue的一些看法

vue浅谈

vue 综合了angualr和react的优点,是国人写的框架,易上手,轻量级,受到广泛的应用。

极小的模板语法

vue 默认的语法是极小的,精炼的,可扩展的。就像vue的很多方面,不使用标准模板语法是一件很简单的事,而且可以使用jsx这种语法(官方文档中说明改如何做),但说实话,我不知道你为什么会想这么做。对于JSX的好处,也有一些说的对的,比如模糊查询javascript和html的界限,可以很容易的把文本应该分撒在几个地方写的代码混合写在一起。

vue反而使用了标准html写模板,借助极小的模板语法可以做一些简单的事,比如创建重复的基于视图数据的元素。






单文件组件

大部分人写vue的时候都在是使用“单文件组件”,他是一个后缀是.vue的文件,包含3个部分(css,html,javascript).

这么做是对的,这样可以很容易理解的一个组件,它鼓励你对每个组件保持简短的代码。因为如果一个组件里的javascript,css和html篇幅很长的话,以后还得花时间去做模块化处理。

当一个组件里使用style标签的时候,我可以给他添加"scope"属性,这样定义的样式只对这个组件有效,换句话说,如果这个组件里定义了一个.name的css选择器,它不会在其他组件里生效。相对于其他框架里采用的css in js 的方式,我更喜欢这种在组建中样式的方式。

单文件组件另一个好处是,这是有效HTML5文件。