Vue

当js文件放在head里面时，如果绑定了onclick事件，就会出现这样的错误，是因为W3School的写法是浏览器先加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onclick绑定的

new vue() 可以创造一个实例 其实所有的组件都是Vue实例 实例化的过程中会默认调用一些函数（Vue默认定义好的），这些函数就叫做钩子 初始化一个项目，里面写上created和mounted方

拿到一个文件夹，里面由两个文件 package.json和serve.js 在这个文件夹的位置打开powershell 输入npm install，会自动安装package.json中指定的依赖 安装

to 访问到哪 from 从哪访问 next 继续访问 to 访问到哪 from 从哪访问 next 继续访 to 访问到哪 from 从哪访问 next 继续访问 to 访问到哪 from

根据用户信息，生成token ，并相应给客户端 客户端存储在localstorage中 可短短每次请求数据，请求头携带token 服务器接收请求时验证请求头的token，验证成功则相应数据

响应式加工data vm._data = data 检测对象 通过setter实现，且在new Vue的时候就传入要监测的数据 data代码完成后想要再给data里面的对象添加属性，调用以下两个api

v-for=“(a,index) in arr ”：key=“index” 可以接受两个参数，一个是内容一个是索引 可以遍历数组、对象或字符串，或者遍历指定次数 v-for=“(a,b) of 5”

动态的数据都给Vue管理 字符串写法，样式的类名不确定，需要动态指定 数组写法：个数不确定，名字也不确定 对象写法：都确定但是动态的决定用不用 style绑定，所有的key都不能瞎写

属性：data：{}中的key是名，value是值 计算属性：由已知属性得到新的属性，放在computed中，要求将计算过程写成对象 计算属性最终会出现再vm上，直接读取使用即可，get中的this是

methods中配置的函数不要用=>，否则this就不是vm了(window), @click = "demo" 和 @click=“demo($event)”效果一样，但后者可以传参 showInf

vue实例的作用范围 在el命中的元素内部都行，外部就不行了 不要把vue挂载到html body上，尽量mount到div上，因为div没有默认样式 vue用到的数据定义在data:{}中，其中可以

Object.defineProperty(person, 'age', { value: 18, }) 给person对象添加一个属性age 使用这种方法添加的属性，无法修改、枚举、删除 需要修改这

Model：data中的数据 View：模板 viewmodel：实例对象 对象里面配的一组组key-value存在data中，经过vue实例进行数据绑定，就把实例放到了想要的位置； data里面的东

el: 挂载点 通过css选择器设置vue实例管理的元素 通过el属性，将vue实例挂载到id为app的div内部 其实也可以用v.$mount("#id")挂载到节点上，更灵活 data的两种写法：