vue
文章平均质量分 82
liy1wen
碌碌无为
展开
-
Vue代码规范指南
Vue代码规范指南一、命名规范市面上常用的命名规范:camelCase(小驼峰式命名法 —— 首字母小写)PascalCase(大驼峰式命名法 —— 首字母大写)kebab-case(短横线连接式)Snake(下划线连接式)1.1 项目文件命名1.1.1 项目名全部采用小写方式, 以短横线分隔。例:vue-project-name。1.1.2 目录名参照项目命名规则,有复数结构时,要采用复数命名法。例:docs、assets、components、directives、mixins、ut原创 2021-09-28 22:29:20 · 2400 阅读 · 0 评论 -
vue之学习使用Vuex
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuexnpm install vuex --save然后 在src...原创 2020-04-16 00:18:43 · 114 阅读 · 0 评论 -
Vue知识点整理
关于Vue很全的一篇知识点和面试总结,面试前可以学习一遍!1. 什么是MVVM及实现原理?MVVM是Model-View-ViewModel缩写,也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型,View代表UI组件,ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将数据渲染到页面中,视图变化的时候会通知view...原创 2020-03-14 12:17:03 · 221 阅读 · 0 评论 -
vue cli3.x完整项目搭建和相关配置
vue的脚手架cli目前已经升级到了3.0,和之前的2.x有什么区别呢?今天就完整的走一遍vuecli 3.x项目搭建的流程。安装脚手架 npm install -g @vue/cli创建项目 vue create hello-world安装依赖 vue ui运行 npm run serve1.完整的项目就创建了,下面我们看下项目目录和一些基本的配置...原创 2020-03-03 12:05:31 · 306 阅读 · 0 评论 -
axios接口统一管理
接口的统一管理优点:1.更加模块化2.更方便多人开发,有效减少解决命名冲突3.处理接口域名有多个情况——————————————————————————————————————————————新建文件夹api,里面写一个article.js.表示这个js里面的接口全是关于文章这块的。引入写好的axios.js文件(已经写了请求的拦截,响应拦截以及错误处理这些)。import axio...原创 2020-02-22 14:32:28 · 392 阅读 · 0 评论 -
vue修改页面的title
在h5中,跳转页面会显示不同的页面标题。 routes: [ { path: '/', name: 'Entrance', component: Entrance, meta: { title: '首页入口' } } ] router.beforeEach((to, from, next) ...原创 2020-02-21 21:37:41 · 479 阅读 · 0 评论 -
vue里面的data为什么是函数而不是对象
js中对象是引用类型,而引用类型存储的是指向值的指针,这样做了为了节省内存,引用类型的赋值是变量指针的赋值,不是真的拷贝,他们之间的值是会相互干扰的,而在开发vue项目中我们有多组件,如果组件的data是对象,那么,当我们修改其中的一个参数,那所有使用这个参数的页面都会跟着改变,这显然不是我们需要的。用function return 其实就相当于申明了新的变量,相互独立,自然就不会有这样的问题;...原创 2020-02-21 21:14:34 · 713 阅读 · 0 评论 -
vue返回页面不刷新,进入该页面刷新问题
vue返回页面不刷新,进入该页面刷新问题在vue项目中,会遇到页面返回不需要刷新,但是进入页面需要刷新的问题。vue提供了keep-alive这个属性可以解决改问题。在路由文件里面,找到该页面,然后加入 : meta:{ keepAlive:true, isBack: false }, component: () => import('../pages/d...原创 2019-12-26 18:41:07 · 3947 阅读 · 0 评论