zoukankan      html  css  js  c++  java
  • 总结一下《vue的使用》

    1.用vue创建项目的时候,

      1.安装axios,对axios进行处理,创建axios.js文件,设置基础请求地址,

        设置前置守卫和独享守卫,对请求数据进行设置,(特别实在进行token验证的时候特别需要设置)

      2.后台服务器如果跨域,需要在根目录创建vue.config.js具体参考vue官网的介绍

      3.配置router,对router进行修改,创建一个router文件夹,把router.js改为index.js放进区,

        在index.js中设置 ,把routes进行独立出来,可以进行单独的设置,没款花更加细致

      3.对vuex的stor进行设置设置进行模块的操作,对modules进行单独的设置,然后引入store中即可

      4.安装element(vue add element)

      5.删除不需要的模块,对router,main。js进行删除和修改

    2.使用时,

      1.app.vue中进行view的实现,以达到更好的使用效果,

      2.对modules的模块进行namespaced:true设置,这样可以很好的处理一些简单是模块方法的命名问题

      3.在创建组件的时候,如果是动态组件就创建在views中,如果是固定的组件,就创建到components中,对组件的使用要充分认识到他的作用

      4.合理使用slot插槽的使用,插槽分为不命名插槽和命名插槽,当需要在传输法诺个值的时候就需要命名插槽

      5.动态绑定数据,对数的使用要进行分析

      6.组件中的数据不一定要逗存储在state中,要根据存储的数据 作用范围和来源,和是否被其他组件使用,合理使用组件自身的data属性

      7.组件想vuex请求数据时,一定要如果是state数据就可以直接使用,(this.$store.menu.state.user)

       actions和getters中,要添加模块名称(this.$store.dispatch('menu/getuser',id))

      8.在第一次进入页面的时候就要请求数据,这时使用的是state的数据,但是在页面徐盎然之前,要在钩子函数created中进行请求数据对state中数据进行赋值,一次达到页面请求数据时有数据的效果

    3.element插件

      1.element插件在使用的时候一定要看api文档

      2.在是用的时候对数据和请求的使用一定要合理

    希望自己写的东西能够对大家有所帮助!谢谢
  • 相关阅读:
    管理索引表:深入研究B树索引重建,合并,删除(理论篇3)
    关于ASP.NET中Membership进行权限管理不足的解决办法
    将VS2005中的.CS文件在网页中显示的方法
    在页面中直接设计TreeView的节点而不使用Web.Sitemap文件在运行时出错
    (转)动态管理ASP.NET DataGrid数据列
    在页面中直接设计TreeView的节点而不使用Web.Sitemap文件在运行时出错
    将VS2005中的.CS文件在网页中显示的方法
    三天没有更新我的BLOG
    三天没有更新我的BLOG
    (转)动态管理ASP.NET DataGrid数据列
  • 原文地址:https://www.cnblogs.com/mrxinxin/p/10246579.html
Copyright © 2011-2022 走看看