声明式编程Vue重新修炼

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 ){~~}即可.