Vue.js学习日志

1.MVC和MVVC的关系图解

mvc是后端的开发模式，分别代表着m（model层）：职能单一，负责数据的操作，执行对应的sql语句，以及进行数据的增删改查
v （view视图层）：项目的入口模块，一切的请求，都要先进入这里进行处理
c （controller层）：这是一个业务逻辑层，在这个模块中，封装了一些具体的业务逻辑代码，但是也是为了保证职能的单一，次模块只负责处理业务，不负责处理数据的增删改查，所有涉及数据的操作的都需要调用model层

mvvm是前端视图层的分层开发思想。主要把每个页面分成了m,v和vm。其中vm是mvvm思想的核心：因为vm是m和v之间的调度者。

2.v-cloak,v-text,v-html

这三个使用的频率不高，不做过多的赘述。

3.v-bind, v-on

1. <script src="./lib/vue-2.4.0.js"></script> 导入vue的包，当我们导入包后，在浏览器的内存中就多了一个vue的构造函数
2. el :'#名字' 表示当前new的vue实例控制着页面上的哪个区域
3. data{} data中存放着el中所要使用到的数据
4. 注意： new出来的vue实例就是我们前面所说的中间调度者vm
5. v-bind是vue中负责绑定数据属性的指令
   
6. v-bind可以被简写v-bind :title="mytitle"可以被简写为:title="mytitle"
7. v-on， vue所提供的时间绑定机制，此处涉及到methods指令，methods属性提供了当前vue所有可以使用的方法，具体代码如下
   v-on的缩写 @

methods:{
   
show:function(){
   
alter('HELLO')
}

}

8. mouseover 指令，实现当鼠标悬停可以触发事件
9. 在vm实例中，如果想要调用实例中data的数据 或者想要调用data中methods中的方法，必须使用this.数据属性名或者 this.方法名来访问，这里的this就是vm实例

4.事件修饰符

• .stop 阻止冒泡
• .prevent 阻止默认事件
• .capture 添加事件侦听器时使用事件捕获
• .self 当事件在该元素本身触发时出发回调
• .once 事件只触发一次

5.事件的双向绑定

v-bind只能实现数据的单向绑定，而v-model可以实现数据的双向绑定，即在v-bind的绑定下，v（视图）中的数据被m（模型）所单向绑定，当v中的数据发生变动时，m中的数据不会改变。而v-model中的情况正好相反，当v中数据发生改变时，m中的数据也会改变。

6.vue通过属性绑定为元素设置class类样式

在为class使用v-bind绑定对象的时候，对象的属性命是类命，属性的值是一个标识符。

7.vue通过属性绑定为元素设置style类样式

• 对象就是无序键值对的集合

8.v-for和v-if

9.根据关键字实现数组的过滤

• contains方法的使用

10.vue全局过滤器的使用

• 过滤器调用时候的格式 { {name | 过滤器的名字}}
• 过滤器的定义语法 vue.filter(‘过滤器的名字’,function(){})

11.JS中$含义及用法

$在js中的意义

12.JS中$含义及用法

$在JS中本身只是一个符号而异，在JS里什么也不是。但在JS应用库JQUERY的作者将之做为一个自定义函数名了，这个函数是获取指定网页元素的函数，使用非常之频繁，所以好多新手不知道，还以为$是JS的什么特殊语法。
后来，可能有些程序员JQUERY用得多了，发现$这个函数很好用，很方便，所以，在不用JQUERY的情况，一般自己也会自定义一个$函数。
即：
function ( N i d