深入vue
起步于2017.05.17 不断更新 完善
1.vue的特性:
1.轻量 2.组件化 3.友好的api 渐进式 可复用性,便捷性 维护性 轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.
2.vue的核心
双向绑定
虚拟DOM
SSR服务端渲染
3.与jquery的区别
1.jquery主要是DOM 操作和 绑定事件;让视图的代码和业务逻辑仅仅的耦合在一起;
2.vue 将数据和view 分离;dom相关的操作,vue帮我们自动搞定。
3.vue比jquery 更简单。是渐进式的,也能满足我们复杂大型项目的需求。
4.vue自带组件化 模块化;所以比jquery 更清晰,不会混乱jquery 需要配合require.js 才能进行模块化开发
5.一个是mvc 模式的代表,一个是mvvm 模式的代表,从模式上来说,mvvm模式更友好,更清晰。
6.细节层面:
1.在view中写不被解析的html标签更简单 2.轻量级
7.vue是渐进式的:在声明式渲染(视图模板引擎)的基础上,我们可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架更重要的是,这些功能相互独立,你可以在核心功能的基础上任意选用其他的部件,不一定要全部整合在一起。,简单强大,麻雀虽小五脏俱全.
8.vue api简单 文档齐全。 真的非常友好。
9.vue轻量级
4.常见的小技巧
1.知道几个不常用的指令 v-pre v-html
5.前端路由
路由就是一个网址,就是每次get post请求在服务端有一个专门的正则配置表,然后匹配到具体的一条路径之后,分发不同的controller,进行各种操作,最终将html或者数据返回给前端,这就完成了一次IO
后端路由,是多页应用,页面可以在服务端渲染好直接返回给浏览器,不用等待加载js css,可以直接显示网页内容。
前端路由,有前端来维护路由规则。
一种是利用url的hash;即锚点#,js通过hasChange事件来监听url的改变。
一种是html5的history模式。即通过‘/’设置路径,页面并没有跳转,是服务端收到请求后,都指向html 文件。
SPA只有一个html,整个网站的所有内容都在这个html里,通过js来处理。
vue-router的实质就是,动态加载不同的组件。
webpack的实质是,把每一个路由都打包成一个js文件,在请求到该页面时,才去加载这个页面的js.这就是异步实现的懒加载(按需加载)
六 常见功能(面试常见题)
1.生命周期的理解
2.插槽slot
1.父组件中写的内容有效; 想象 可读性好 2.可实现父组件像子组件传参 子组件像父组件传参数slot-scope 3.可以为子组件设置默认值或者说固定值
3.父子组件 兄弟组件之间如何传参
4.状态管理 vuex