• 技术文章 >web前端 >前端问答

    一个vue页面由什么组成

    青灯夜游青灯夜游2022-01-10 16:32:56原创86

    一个vue页面由三部分组成:1、template标签包裹的界面展示代码(HTML代码);2、script标签包裹的业务实现代码(js脚本代码);3、style标签包裹的界面布局代码(css样式代码)。

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

    vue页面的构成

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

    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.js教程

    以上就是一个vue页面由什么组成的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:vue 页面组成
    上一篇:jquery中confirm的使用方法是什么 下一篇:jquery怎样判断被选中是第几个

    相关文章推荐

    • 推荐 20 个近期比较“火热”的Vue项目(值得收藏)• 简单聊聊Vue3中的Hook特性(总结分享)• vue怎样解决axios请求出现前端跨域问题(实例详解)• Vue实例要怎么挂载?聊聊实例挂载的过程

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网