[前端] VUE基础 (6) (v-router插件、获取原生DOM) 一、v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件,vue+vue-router主要用来做SPA(单页面应用)的。 什么是SPA:就是在一个页面中,有多个页签,我们选择页签显示不同的内容,但页面不跳转。 例如: 在网易云音乐的主页中,发现音乐、我的音乐...
v-media-query- vue中添加用于配合媒体查询的方法 vuex-shared-mutations- 分享某种Vuex mutations vue-lazy-component- 懒加载组件或者元素的Vue指令 vue-reactive-storage- vue插件的Reactive层 vue-ts-loader- 在Vue装载机检查脚本 vue-pagination-2- 简单通用的分页组件 vuex-i18n- 定位插件 Vue.resize- 检测HTML...
Vue VSCode Snippets 此插件为开发者提供了快速的生成 Vue 代码片段的方法,通过各种快捷键就可以在.vue文件中快速生成各种代码片段。 只需要记住几个快捷键,就能少敲很多代码,妥妥的开发利器,提升效率的必备神器 这里我列举几个最常用的快捷键操作: 在新建的.vue文件里,输入vbase就会提示生成的模版内容: 输入vfor就...
地址:https://github.com/pulsardev/vue-tour Vue Tour是轻巧、简单且可自定义的新手指引插件,可与Vue.js一起使用。它提供了一种快速简便的方法来指导用户使用您的应用程序。 Swiper.js 地址:https://swiperjs.com/vue Swiper.js是一个预制的旋转木马组件,可以用来在各种图片之间滑动。Swiper.js 原生支持Vue 3...
2. City.vue 组件使用插件 definebind 指令 City.vue组件内容 <template> 城市名称:{{name}} </template> exportdefault{ name:'City', data() { return{ name:'wuhan' } } } 注意: 在组件内部具体使用插件定义的...
Vueditor- 所见即所得的编辑器 vue-html5-editor- html5所见即所得编辑器 vue-msgbox- vuejs的消息框 vue-slider- vue 滑动组件 vue-core-image-upload- 轻量级的vue上传插件 vue-slide- vue轻量级滑动组件 vue-lazyload-img- 移动优化的vue图片懒加载插件 vue-drag-and-drop-list- 创建排序列表的Vue指令 vu...
如果是vue2.x版本,vuex直接使用Vue.mixin来扩展功能,它利用混入的钩子会在组件钩子之前调用的特性,给应用添加一个beforeCreate钩子,在这里初始化vuex插件。 二、mixin 不得不说一下mixin what:mixin是一种js的设计模式,可以轻松被子类继承功能,目的是函数复用,Vue中也应用了这一设计模式,通过Vue.mixin可以用来分发可...
写了这个v-tap插件几个心得分享给大家。 1.在update里的this指向是directive实例,而不是vm,也不是dom 2.在directive('name',{}) 对象里可自定义属性和方法。调用就是self.xxx 3.开启自定义指令接受内联语句 acceptStatement:true 4.最后的接口别忘了 Vue.use(obj) 我这里没有对v-tap.stop, v-tap.prevent...
除了简单地在组件中使用<vue-syntax-highlight>标签外,Vue Syntax Highlight插件还提供了更多的高级用法。例如,可以通过自定义指令的方式来实现语法高亮: <template> {{ code }} </template> 在上述代码中,通过使用v-highlight:javascript指令来高亮...