本文详细介绍了Vue.js框架，包括它的定义、功能、优点，以及MVVM和MVC的区别。深入探讨了Vue的生命周期及其在不同场景下的应用，如在created和mounted钩子函数中发送数据请求的最佳时机。此外，还讲解了Vue的事件修饰符、组件通信、路由、计算属性、响应式原理、虚拟DOM等核心概念，并提出了Vue项目优化的策略，包括代码层面、Webpack配置和基础Web技术的优化。最后，文章解决了Vue开发中常见的问题，如事件处理、数据绑定和兼容性问题。
文章目录
-
- Vue
-
- vue是什么？有什么功能？有什么优点？
- MVVM
- mvvm 和 mvc 区别？
- vue生命周期有哪些？
- 每个生命周期适合那些场景？
- vue第一次页面加载会触发哪几个钩子函数？
- DOM渲染在哪个周期已经完成？
- ajax 放在哪个生命周期？
- created和mounted的区别。在那个阶段前发送数据请求比较好。
- 父子组件声明周期的顺序（渲染过程、更新过程、销毁过程）
- 父组件 可以监听子组件 的生命周期吗？
- vue 中的事件修饰符主要有哪些？分别是什么作用？
- v-show、v-if区别
- v-for 和 v-if 为什么不能连用？
- vue常用指令及用法
- 组件之间的传值
- 路由跳转方式
- computed、watch、method有什么区别？
- key
- 组件中的data为什么是函数？
- class和style如何动态绑定？
- vue的单向数据流
- keep-alive
- v-model 的原理
- 为什么Vue采用异步渲染呢？
- nextTick（）
- vue插槽
- vue-router有哪几种导航钩子？导航解析全过程？
- 谈谈你对vuex的理解
- 你有对 Vue 项目进行哪些优化？
- 深入响应式原理
- 虚拟dom 及其 实现原理
- 组件怎么写？
- history模式 和 hash模式 的区别？如何将 hash模式 变成 history模式。
- 简述 scrollBehavior (to, from, savedPosition) { } 第三个参数的作用和用法。
- vue-cli脚手架中dev.env.js和prod.env.js的作用
- vue开发中一些常见问题——————————————————
-
- 安装一些需要编译的包:提示没有安装python、build失败等
- can’t not find ‘xxModule’ - 找不到某些依赖或者模块
- data functions should return an object
- 我给组件内的原生控件添加事件,怎么不生效了!!!
- 我用了 axios , 为什么 IE 浏览器不识别(IE9+)
- 我在函数内用了this.xxx=,为什么抛出Cannot set property ‘xxx’ of undefined;
- 我看一些Vue教程有这么些写法,是什么意思@click.prevent,v-demo.a.b;
- 为什么我的引入的小图片渲染出来却是 data:image/png;base64xxxxxxxx
- 路由模式改为history后,除了首次启动首页没报错,刷新访问路由都报错!
- 我想拦截页面,或者在页面进来之前做一些事情,可以么?
- TypeError: xxx is not a function
- Uncaught ReferenceError: xxx is not define
- Error in render function:“Type Error: Cannot read property ‘xxx’ of undefined”
- Unexpected token: operator xxxxx
- npm run build之后不能直接访问
- CSSbackground引入图片打包后,访问路径错误
Vue
vue是什么？有什么功能？有什么优点？
1、vue 是一个轻量级的前端框架语言。用于创建 web 交互界面的库，是一个精简的 MVVM。通过双向数据绑定把 view 层和 model 层连接了起来。
2、功能：
① 数据渲染 / 数据同步
② 模块化 / 组件化
③ 其它：路由、ajax、数据流
3、优点：
① 体积小，压缩后只有33k；
② 运行效率高，虚拟dom，预先通过JavaScript进行各种计算，把最终的dom操作计算出来并优化；
③ 双向数据绑定，可减少dom操作，专注于业务逻辑上；
④ 学习资源多、成本低，基于vue的组件、ui框架都比较多。
MVVM
M - Model，数据模型
V - View，将数据模型转换为UI
VM - ViewModel，监听数据的改变、控制视图行为。
mvvm 和 mvc 区别？
mvc 中 Controller 演变成 mvm 中的 viewModel。
mvvm 解决了 mvc 中大量的 DOM 操作使页面性能降低、加载速度慢、影响用户体验的问题。
vue生命周期有哪些？
vue生命周期总共分为8个阶段：创建前后、载入前后、更新前后、销毁前后。（beforecCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed）
- 创建前后：
beforeCreate阶段，实例初始化之后， el 和 数据对象data 都为 undefined。
created阶段，vue实例已经创建。数据观测，property和方法的运算，watch/event事件回调。无 $el。 - 载入前后：
beforeMount阶段，vue实例的 e l 和 d a t a 都 初 始 化 了 ， 但 挂 载 之 前 为 虚 拟 的 d o m 节 点 ， d a t a . m e s s a g e 还 未 替 换 。 m o u n t e d 阶 段 ， v u e 实 例 挂 载 完 成 ， e l 被 新 创 建 的 v m . el 和 data 都初始化了，但挂载之前为虚拟的dom节点，data.message还未替换。 mounted阶段，vue实例挂载完成，el被新创建的vm. el和data都初始化了，但挂载之前为虚拟的dom节点，data.message还未替换。mounted阶段，v
最低0.47元/天 解锁文章
789
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
