1.Vue中对于变量的定义
es6后对原来的var做了改正,为了保证块级作用域,我们强制要求必须使用let和const
变量--->let
常量--->const
注意:关于const使用
1.const必须进行赋值
2.const修饰的不可再修改 如果对const修饰的对象改变将会报错
3.const修改的对象,我们不可改变这个对象的指向,但是关于对象的内容我们是可以修改的.
2.浏览器执行代码的过程
执行10-13应的HTML,显示的为普通{{name}},执行第16行代码创建Vue实例，并且对原HTML进行解析和修改为VueJs。
3. 插值表达式
{{}}此式插值表达式中不仅可以直接写vue.js中定义的变量{a:"aa",b:"bb",c:"3"}
也可以写表达式.{{a+b}}等显示:"aabb",{{a+" "+b}}等显示:"aa bb",{{c2}}等显示:"6"
还可以写方法如html:{{add()}} js:{add:function(){ return this.c2;}}显示"6"
4. v-bind的灵活加载class
我们在前端开发中一些必用的class可以在标签内直接通过class:""去添加,一些可能变化的交给v-bind好些,后台会自动进行class的合并,如下
5.Es6关于对象字面量增强写法
es6对于对象字面量在属性和方法编写做了一些简化操作
如图,对于属性,在外部定义好的name,age我们不再需要以键值对形式引用,es6中可以直接引入外部属性.
关于方法,我们不再需要再进行额外的写"function(){}"等,直接定义methodName( value v ){~~}即可.
网友评论