vue

标题 $nextTick的作用

1.当修改了data属性值后。立即获取dom元素的值时。需要用到nextTick
2.nextTick在dom元素更新完成后触发

标题 methods和计算属性的区别

1.methods定义的方法当数据发生变化时需要重新调用函数
2.计算属性当依赖的属性改变时就会触发
3.计算属性在双大括号里面定义但是没有加上小括号
4.大括号里面的属性是计算属性的函数名
5.在计算属性的方法里面操作的data里面的数据就是计算属性的依赖
6.当data里面的属性被在计算属性里面操作时。当该属性改变时就会触发计算属性

标题 computed和watch的区别

1.计算属性里面的方法在初始化时已经触发
2.watch里面的方法在初始化时不会触发
3.计算属性有缓存功能
4.watch没有
5.watch是当被监听的data里面的数据被修改时触发
6.当某一数据的变化会导致另一些数据变化时需要用到watch属性
7.当某一数据变化时会重新计算某一结果时需要用到计算属性

标题 vue绑定多个事件

1.v-on="{click:oneEvent,mousemove:toowEvent}"

标题 vue绑定多个方法

1.@click="oneMethods(),toowMethods()"

标题 vue组件中的data是函数的原因

1.为了确保每一个组件的实例对象里面data里面的属性是独自享有的
2.在javascriptl里面对象的引用数据类型
3.如果是data是对象那么当我们修改data里面的属性时别的组件也会发生改变
4.如果data是函数，当共用一个组件是。组件里面data是分开的。所有改变组件的data时并不会影响到别的页面

标题 assets文件和static文件的区别

1.assets目录下存放的静态文件当打包时会进行压缩
2.static目录下的静态文件打包时不会进行压缩，所有打包时速度比较快，

标题 vue常用的修饰符

1…stop防止事件冒泡
2…self只触发自己范围内的事件，不包括子元素
3…事件once只触发一次
4.nember只能输入数字类型
5…trim去掉前后面的空格
6. .lazy数据懒加载

vue解决跨越问题

1.在config文件下的index文件里的proxyTable配置反向代理
2.可配置多个代理

通过链接打开vue项目的某个页面

1.token在url获取

标题 环境变量配置

1. .env.development文件是开发环境
2. .env.production文件是生产环境
3. .env.test文件是测试环境
4. 在配置环境文件里面定义的常量必须以VUE_APP_开头
5. 在不同环境文件里配置相同的常量，会根据环境获取常量
6. 通过process.env.VUE_APP_XXX获取常量
7. 文件里的NODE_ENV表示当前环境