03 使用 mixin 来增强 Vue 组件 目标 之前一篇文章中,我们虽然将 toggle 组件划分为了 toggle-button、toggle-on 和 toggle-off 三个子组件,且一切运行良好,但是这里面…
分类:vue.js教程
Vue2+webpack+node 配置+入门+详解
Vue2介绍 1.vue2.0 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层 采用单文件组件 复杂大型单页应用程序(SPA) 响应式的数据绑定,与组…
vue注册公共组件
把公共组件注册在main.js里面,挂载到全局,整个文件夹的文件都能使用这个组件。首先新建公共组件,然后在main.js引入 main.js // 公共组件mask 公共组件取名可以加个com- import ComMa…
Vue3.0数据双向绑定Proxy探究
前言 2018年11月16日,关注vue的人都知道这个时间点发生了什么事儿吧。vue3.0更新内容 研究数据双向绑定的大佬们都在开始猜测这个新机制了,用原生Proxy替换Object.defineProperty 1. …
vue+swiper
安装 npm i vue vue-loader css-loader --save npm i @vue/cli npm i vue-awesome-swiper --save 引入vue-awesome-swiper …
vue2.0自定义指令
1、什么是指令? 指令通常以”v-“作为前缀, 以方便Vue知道你在使用一种特殊的标记。除了 Vue 核心携带着的一些默认指令(v-model 和 v-show)之外,Vue 还允许你注册自己的自…
从零开始构建自己的vue组件库之——message篇
第二篇:从零开始构建自己的vue组件库之————message组件 组件需求 message这种组件应该是按需加载的没差了,用的时候就不要写在页面里了,必须得是this.$message(config)这样子用的,姿势很…
动态增加select框(elementUI 框架)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>演示动态增加select框(elemen…
如何在vue中注册全局组件
对于一些基础的组件,比如输入框,下拉选择框,使用的频率很高。我们没有必要在每一个需要的地方使用。而是采取在根组件中注册。根组件中的注册是全局注册。全局注册了之后就可以在根组件下的任何子组件中使用。 根组件代码如下: im…
在VUE中获取当前用户的id
首先 在index.html中引入JS文件 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 其次 在vue中文件中使用 t…
Vue.js新手入门指南[转载]
最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。 …
针对Vue相同路由不同参数的刷新问题
在使用vue和vue-router开发spa应用时,我们会遇到这样一种问题。当页面跳转时,组件本身并没有发生改变: // 路由映射关系'/form/:type' // 当前页面路由/form/shop1 this.$ro…