一个vue页面由哪些部分组成

今天小编给大家分享一下一个Vue页面由哪些部分组成的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

一个vue页面由三部分组成：1、template标签包裹的界面展示代码（html代码）；2、script标签包裹的业务实现代码（js脚本代码）；3、style标签包裹的界面布局代码（CSS样式代码）。

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

vue页面的构成

一个vue页面主要分为三部分。

• <template>界面展示代码（需要注意的是只能有一个大的div）</template>

• <script>export default {业务实现代码}</script>

• <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的桌面端组件库。

以上就是“一个vue页面由哪些部分组成”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网node.js频道。