VUE学习笔记(一) --对VUE作用域的一些思考

我学习有一个习惯,就是在用的时候一定要搞清楚一些基本问题,要不然稀里糊涂的,脑子里没有一根清晰的线,总感觉是一团乱。所以学习笔记里不会有什么语法之类的,这些在各大教程里都讲的很清楚,在这里只记录一些我自己的思考和理解,如果有不对的地方,欢迎路过的大神帮忙指点。

1.VUE中,作用域及作用范围?

    使用Vue来开发HTML时,作用域与VUE对象的定义密切相关,一个html中,可以有多个VUE对象,但是一个VUE对象对应一个作用域。

    比如有两个div,分别命名为div1,div2.可以分别为他们定义作用域,对应他们的约束范围中的赋值和函数处理。当然,很多时候方便起见,我们都只会在一个html里定义一个作用域,方便数据传递和调用。

2.Vue中,VUE对象只能定义一个?

    这个问题和上面那个有点重复,不过也是我刚开始学习的时候比较困惑的一个问题,但后来通过我自己的实践,我发现一个html中并不是只能定义一个vue对象。

    一个作用域对应一个vue对象,其中vue对象中的el属性用于指定该vue的作用范围,所有属于该范围内的元素均可引用该vue中的方法和值。

3.不同作用域中,是否可存在重名变量?

     同一作用域中,不可存在重名变量,否则后定义的变量会覆盖前一变量的值。但是不同的作用域,也就是VUE对象中,可以存在同名变量。

4.在VUE指定作用范围时,只能通过id来获取范围吗?

     不一定。在通过el元素指定作用范围时,既可以通过id,也可以通过class来指。但使用id和class的区别在于:

     id在文档中定义是唯一的,所以可以通过id唯一确定作用域范围,但是class却可以多个元素共用,所以通过class指定,很容易造成作用域不明确,或者应用到不需要应用的作用域上去,导致数据污染,作用域交叉,所以一般建议最好使用id来命名作用域的范围。

未完待续~

 

你可能感兴趣的:(Web知识学习)