计算属性定义:当其依赖的属性的值发生变化时,这个属性的值会自动更新;同时,与其相关的DOM也会同步更新。 运用范围:模板内的表达式一般都是比较简单的,这是vue设计模板的初衷;如果在模板中放入过多复杂的逻辑,会让模板过重…
标签:vue.js教程
vue在自定义组件中使用v-model进行数据绑定
官方例子https://vuefe.cn/v2/api/#model 有这么一句话: 默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event。 示例: 先来一个组件…
vue 集成 chartjs
指令 该指令的作用是dom渲染后触发,因为非vue的插件有的是dom必须存在的情况下才可以执行 Vue.directive('loaded-callback', { inserted: function (el, bin…
Vue的路由及路由钩子函数
Vue的路由及路由钩子函数 什么是路由 什么是路由?网络原理中,路由指的是根据上一接口的数据包中的IP地址,查询路由表转发到另一个接口,它决定的是一个端到端的网络路径。web中,路由的概念也是类似,根据URL来将请求分配…
VUE过滤器的使用
vue过滤器可以在两个场景使用: 1.双花括号内 2.v-bind内 vue过滤器分为本地过滤器和全局过滤器。 本地过滤器使用例子: <div id="app"> <h1>{{ msg|CaseW…
Vuex
核心概念 State 单一状态树(用一个对象就包含了全部的应用层级状态),类似于 vue 中的 data 定义 let store = new Vuex.Store({ state: { count: 0 } }) 访问…
在vue中使用G2图表做销售漏斗
G2笔记 G2是蚂蚁金服的一套开源图表插件,因项目需要研究了一下,相比Echarts来说,G2文档比较难懂,网上也没有太多示例,所以在这里记录一些使用G2遇到的问题。 官方推荐在vue项目中使用Viser,它对G2进行了…
第四课时: vue状态管理-Bus
Bus相当于广播和分发事件的方法。vue如何实现非父子组件间的通信,可以通过实例一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,然后通过分别调用Bus事件触发和监听来实现通信和参数传递。 Bus.j…
认识Vue
vue是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与…
vue-layer-mobile 去掉从下往上出现效果的办法
弹框是所有项目必不可少的东西,在快速开发中vue-layer-mobile是一个很好的选择,但它默认弹框是从下往上出现的。 vue-layer-mobile的使用方法可以参照 https://blog.csdn.net/…
vue2 基础学习01 ( 核心最基本的功能)
vue学习路径和建议—-尤雨溪 vue官网 根据官网一步步学习 1.项目构建 引入vue库,初学时直接通过CDN <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script s…
vue-element Tree树形控件填坑路
通过tree树形控件的default-checked-keys属性来设置默认选中的节点 html.vue <el-form-item label="角色权限:"> <el-tree :data="dat…