摘要: 代码越短越好! 我们发布了fundebug-vue插件,可以简化Vue框架接入Fundebug的代码。 Vue如何接入Fundebug 1. 安装fundebug-javascript与fundebug-vue …
分类:vue.js教程
vue组件通信的几种方式
写在前面 vue 的组件化应该是其最核心的思想了,无论是一个大的页面还是一个小的按钮,都可以被称之为组件。基于 Vue 的开发,就是在写一个个组件,无论是基础组件还是业务组件,最后都是要拼装在一起。按照组件的层级关系,可…
FE.SRC-Vue实战与原理笔记
实战 – 插件 form-validate <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></scrip…
vue 前后端分离的原理
一: 原始人时代 1,定需求2,敲代码3,测试4,发布,需要用eclipse把代码打成一个war包,然后把这个war包发布到生产环境下的web容器里。这时候前后端代码都在这个war包里,html,js,css,各种第三方…
vue 根据字符串的长度控制显示的字数超出显示省略号
经常会见到,标题或者字段超过多长,然后进行相关的截断,以下在vue当中,使用了vue的过滤器,很好的解决了这问题。 <template> <div class="title">{{ name | …
vue为什么要求组件模板只能有一个根元素
我是在知乎上看到的这个问题,转念一想,用了大半年的vue,好像真的没有了解过: ‘为什么只能有且只有一个根元素’ 于是我花了二十多分钟去找了一下答案……竟然没有找到答案…. 好的现在我…
Vue.js 移动端适配之 vw 解决方案
1. 安装并配置PostCss插件 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext pos…
vue如何实现单页缓存方案分析
方案一:vue的keep-alive组件
vue组件之间的通信
1.父组件给子组件传递数据 <body> <div id="app"> 父组件:{{total}} <br> <son-component v-bind:total="total…
深入理解.sync修饰符
.sync修饰符 一个组件上只能定义一个v-model,如果其他prop也要实现双向绑定的效果该怎么办呢? 简单的方法是子组件向父组件发送一个事件,父组件监听该事件,然后更新prop。具体如下: // info.vue组…
vue+vant写一个购物车
<template> <div> <van-checkbox-group class="card-goods" v-model="checkedGoods"> <van-chec…
vuex入门
vuex 的创建和基本属性和触发发方法 注意看注释 关键属性 modules state getters mutations actions const store = new Vuex.Store({ modules:…