从多页面形式到单页面(vue组件总结)


文章前提:该文只是想总结一下自己所学过的知识,如果有不对的地方,希望看到的人可以批评指正,谢谢!

  前端使用语言  javascript  html  css  开发软件随意 ,个人觉得hbuilder和 vscode挺好用。

        多页面形式:三件套  js(ES5)、html(html5)、css (使用css3)  框架(jq)

        步骤:首先建立文件,分为三个文件夹,html文件引入css样式跟js动态,相对简单。

        单页面形式:

           步骤:1、安装node.js的环境,根据node建立一个依赖node环境的文件夹,安装vue-cli脚手架,安装依赖。

                    2、先整理main.js,引入 vue路由、store、axios, pc端引入element-ui ,移动端用 vant.其他看情况安装,在vue里挂载各种依赖。

                    3、整理路由,把文件引入router的里面,放到routes里面,注意子路由的(没有‘/’)。路由钩子函数 beforeEach可以做操作。可以动态添加路由,需要后台配合                              (permission.js)

                   4、整理vuex,vuex有5个参数 staes、getter、action(异步/dispatch)、munation(同步/commit)、module(模块注入).

 这是对vue最简单的文字叙述,每个模块都有很多知识点,没有细说,需要了解看官方文档。

       补充:可以使用mock数据

 
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM