Vue基础小结

小结:使用Vue好处:后端的所有数据在Vue中处理,处理后只给视图层一个数据就可以了,让前端更加专注的去处理视图,
后端传参:利用异步通信ajax或者axios(Vue官方推荐),将信息传递给Vue对象的data,最后利用Vue对象的方法和组件进行处理
核心:数据驱动,组件化:
组件化:借用了AngulaJS的模块化开发、
数据驱动:虚拟DOM:(就是把DOM放到内存中执行)

常用属性:
v-if
v-else
v-else if
v-for
v-on 绑定事件,简写@
v-model 数据的双向绑定,数据的写入和写出
v-bind 给组件绑定参数,简写 :

组件化:
组合组件 slot 插槽
组件内部绑定事件需要用到this.$emit("事件名",参数)
计算属性的特色;缓存计算数据

遵循Soc 关注度分录原则,通过Ajax或者axios(Vue推荐)实现从后端获取数据,交给Vue框架处理
,让视图层不在去处理后端直连数据,视图层更加专注的去写视图


说明:
Vue开发都是基于node.js的,实际开发采用vue-cli脚手架开发,vue-router路由,vuex做
状态管理:Vue UI界面一般采用ElementUI(饿了么出品),或者ICE(阿里巴巴),来快速
搭建前端
posted @ 2020-11-21 13:01  凸然猿  阅读(114)  评论(0编辑  收藏  举报