vue新手笔记

响应式是无需重新编译，访问元素，直接改data数据，页面自动更新。响应式是根据Object的get和set，数据代理与数据劫持做来的。当模板中有语法，vue调用get/set，set之后还是改data

自定义一个指令，directives配置项，json对象，a代表指令名，无需带v-，一律小写，如果多个单词构成中间加-，参数b是自定义指令所在标签的真实dom，c是指令和dom之间的绑定关系，函数实在

这两指令和div中的innerHTML和innerText作用类似，不过innerText和innerHTML只能在div标签内，这两个指令可以在标签内，不能在value那些标签，如 < h1> <

filerts也是一个配置项，是json对象，使用的方法是 数据|过滤器的属性名（实参）=过滤器返回值，过滤器必须有返回值，数据|过滤器的属性名就是调用过滤器属性的方法。vue上的属性是什么类型就是什

疑问一：data/计算属性在watch的this，计算属性的data要this吗？监听要this吗 记得加this，要不然访问不了，以及计算属性是可以没用set方法的。 如果计算属性和监听属性都可以用

vm实例用$watch方法，第一个是参数名，第二个是JSDN对象，写执行的代码 监听简写，当只有handle时， 如a(){ }

如果监听的属性是对象，必须地址变化才能监听到，要实现对象内部属性变化监听，可以在监听对象上配deep：true能够深度监听，但是执行handle函数时，第一个参数是和第二个都是新值，只有深度监听对象地

计算属性的写法是 computed：{ 计算属性名：{ get：function（）{} set：function（val）{} } get是在最初访问该属性，以及get内的vue所关联的原有属性变化

Vue事件事件修饰符，也可以写在oncilck.但是作用不同了 stop 写在事件后，阻止下一个事件给下下个事件冒泡，让下下个事件仍发生该事件。下一个事件不再发生该事件，但是事件传过去了。 captu

在onclick事件后写的JS代码无法直接访问vm实例属性，v-on指令表达式可以写，在方法内无法直接访问data内数据。调用时vm实例，可以直接this.msg/vm.msg等， 对于箭头函数，在创

指令语法中的{{}}和指令语法中的‘’能写vm实例内的数据。 指令语法也可以绑定事件，v-on：事件=“表达式”，v-on:click v-on:keydown v-on:mouseover简写@cl

data配置项可以是函数，即使是函数，在vm实例内也是对象属性，且函数内一定要有返回值，JSDN类型。 编译vm实例，然后渲染，与data是对象时一致。data可以简写，data(){ return

MVVM是将数据与视图分开，M-model模型 V-view视图 VM-视图模型 更改数据通过核心VM更新视图。视图变化通过VM来改数据，无需写大量JS代码。 Vue没有完全遵循MVVM思想，但是设计

Vue实例可以直接访问哪些属性？有_与 $开头的，和data当中的数据。以及原型对象的数据 vm.$delete，$ 给程序员访问，_是vue框架底层访问 data当中的数据用数据代理机制可以直接访问

v-bind v-bind的作用：让属性展现动态的效果 v-bind的语法格式：v-bind：参数=“表达式”，简写 ：参数=“表达式” v-bind的编译原理：参数会被编译为属性名，表达式内有dat

1.插值中能写什么 常量如字符串，数字等等 data当中的声明。data当中的配置项可以是任意数据类型，也可以是函数。data也可以是函数与对象。 JS表达式 白名单当中的全局变量，如Date与Mat

如果有多个容器用了一个实例中的data，那么这个实例只会给最先执行的容器加载data数据。其他的容器当中的数据只能是被当成字符 如果多个实例都为同一个容器提供数据。只会是最先的创建的实例。 所以容器与

当出现了错误，如You are running Vue in development mode.Make sure to turn on production mode when deploying

template可以不写配置项，直接在标签内写，vue会去找，但是只要写了配置项，配置项的value便会将标签内的内容覆盖。 data内的数据发生变化，编译保存后，浏览器会重新挂载。 template

data的value可以是任意数据类型，数组，JSDN等都可以。 插值语法中{{name}}，{与{不可有空格，{{}}内可有空格，但是key不可以空格拆开，如na me,内部只能写key，不能key