随着项目的不断变大,可能有些人会把插件的引入和全局组件的注册都放到main.js中,导致后面main.js里面一大坨引入代码,看起来杂乱无比,也不利于后期进行维护,所以我们尽可能的让main.js看起来整洁些。此处就用到…
标签:vue.js教程
vue.js 组件 看着官方文档学习 含部分小demo
Vue组件基本示例 组件是可复用的实例,且带有一个名字,下面的例子中,button-counter就是一个实例.我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用因为组件是可复用…
深入剖析Vue源码 - 选项合并(上)
对于大部分的前端开发人员来讲,熟练使用 vue做项目是第一步,但当进阶后遇到一些特殊场景,解决棘手问题时,了解 vue框架的设计思想和实现思路便是基础需要。本专题将深入 vue框架源码,一步步挖掘框架设计理念和思想,并尽…
Vue 中的 filter 带多参
场景 在 vue 项目中,团队成员在模板中解析一个 json 字符串,然后这个字符串来自于后台,所以是类型不安全,直接用 JSON.parse 就报错了,这里需要用 trycatch 下。 实际是,因为这个解析 json…
vue中使用mock.js
安装 npm install mockjs 使用 Mock.mock( rurl, template )记录数据模板。当拦截到匹配 rurl 的 Ajax 请求时,将根据数据模板 template 生成模拟数据,并作为响…
ESlINT 自动格式
1 vsCode中安装 2 配置 // 保存时自动格式化 "eslint.autoFixOnSave": true, // 用来配置作用的文件类型 "eslint.validate": [ "javascript", "…
vue组件间传递参数的几种方式
组件间传递参数的几种方式 父组件向子组件传递 // 父组件 <template> <center-template :form='userinfo'></center-template>…
Vue组件通信
父子通信 props和emit 父组件通过props传递数据给子组件,子组件通过emit发送事件传递给父组件。 // 父组件 <div> <child :data="child" @send="getF…
vue 之 虚拟DOM和key属性作用
一、jquery时代 jquery帮助简化了我们访问dom的api,我们可以很快的获取DOM,并为其绑定事件,可以方便我们去操作更新DOM。 但是当我们的事件变得多起来的时候会出现类似下图的效果,会使的我们必须小心翼翼,…
vue+element,点击浏览器后退按钮使用$confirm弹框提示,路由拦截
mounted里面 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL…
vue中很少用到的点,但却很实用的点
1.用vue做单页应用时,当页面滚动之后,跳转到其他页面,如果跳转到的页面大于一屏的高度,该页面的滚动条不会置顶 解决方案:在router.js底部加上如下代码 scrollBehavior (to, from, sav…
Vuex学习总结
前言 在进行复杂一点的项目开发时,我们会发现只是普通的组件间的数据传递已经不足以满足我们的需求,所以我们需要引入Vue中管理状态工具–Vuex 正文 与全局变量的差别 状态存储是响应式的,如果组件中使用了s…