vue学习笔记

1、 定义id 通过{{}}为内容赋值，实现界面和数据分离；
2、 console通过id输入调用可直接调参
3、 前端的循环
v-for="item in ">{{item}}
4、 .push(’’) 继续添加
5、 计数器
v-on:click="*" 监听事件 v-on:click=“counter++”
methods函数监听：+
methods：{
add:function(){
this.counter++
}
}
v-on:click 即@click 语法糖：简写
6、 MVVM
维基百科查阅资料比较方便
7、 方法：method
函数： function
类里面的都叫方法

第11课开始
基本语法
1、 代码规范：前端开发缩进 2个空格
2、 插值操作
Mustache：{{}} 胡子/胡须，不仅仅可以直接写变量，也可以直接写表达式
指令 v-once：胡须内的内容不会跟随变化，保持最初的值；
指令 v-for = ***:
指令 v-html={{url}}：若返回的参数是链接，通过该方式可以产生直接跳转的链接
指令 v-text = “message” 直接显示message功能，使用不方便，不推荐
指令 v-pre>{{message}} 把内容直接显示{{message}}
setTimeout{***,1000}延时1s
指令 v-cloak：vue解析之前不显示，解析之后显示
3、 动态绑定属性
指令 v-bind：动态绑定属性，在给需要绑定属性的参数前面写上v-bind：，语法糖的写法，直接在前面加上：
对象绑定 v-bind:class=“{‘类名1’:true,‘类名2’:boolean}”>{{}}
动态绑定样式 :style="{key(类名):value(属性值}" value需要加’’
4、 计算属性 computed（参数不发生变化，调用时只执行一次；而methods每次调用都会执行）
里面写计算函数，调用时不需要加()
set:设置参数，一般不使用
get:返回get获取到的结果
默认一般直接使用get方法
5、 ES6
作用域：变量在什么范围内可以使用
ES5之前因为if和for都没有块级作用域，所以需要借助function的作用域来解决应用外面变量的问题（可通过闭包解决该问题）
var：定义的变量没有块级作用域
ES6中加上了let，let有if和for的块级作用域
let：当标识符需要改变时
在ES6中，优先使用const，只有需要改变某一个标识符时才使用let