vue的页面构成以及全家桶的简单认识
vue页面的构成
一个vue页面主要分为三部分。
1. <template>界面展示代码(需要注意的是只能有一个大的div)</template>
2.<script>export default {业务实现代码}</script>
3.<style scoped >界面布局代码(scoped 解决了css全局污染)</style>
HTML:template 中可以使用html标签也有着element-ui vant-ui组件,这些组件更可视化。
js: script 中:有属性 data components methods mounted computed 绑定的方法,以及生命周期8个等等。
css:scss less预处理等
vue全家桶
vue-cli + vue2.0 + vuex + vue-router + axios + element-ui
vue-cli 是快速搭建vue项目的脚手架。
vue 2.0 是vue.js是一套构建用户界面的渐进式框架。vue 在2.0版本上引入了vdom。其vdom算法是基于snabbdom算法所做的修改。
vuex 的应用核心就是store(仓库) ,“store” 基本上就是一个容器,它包含应用中大部分的状态,vuex不是单纯的全局对象,他是响应的,不能直接改变store中的状态。需要显示的提交
vue-router 是vue生态里面的路由工具,采用路由能轻松实现单页面程序。
axios 是网络请求方法。还有axios-jsonp 可以解决跨域问题。
element-ui 是一套为开发者、设计师和产品经理准备的基于vue2.0的桌面端组件库。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步