[前端] VUE基础 (6) (v-router插件、获取原生DOM) 一、v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件,vue+vue-router主要用来做SPA(单页面应用)的。 什么是SPA:就是在一个页面中,有多个页签,我们选择页签显示不同的内容,但页面不跳转。 例如: 在网易云音乐的主页中,发现音乐、我的音乐、朋友这三个页
Vue VSCode Snippets 此插件为开发者提供了快速的生成 Vue 代码片段的方法,通过各种快捷键就可以在.vue文件中快速生成各种代码片段。 只需要记住几个快捷键,就能少敲很多代码,妥妥的开发利器,提升效率的必备神器 这里我列举几个最常用的快捷键操作: 在新建的.vue文件里,输入vbase就会提示生成的模版内容: 输入vfor就...
1.安装插件 npm/cnpm i v-viewer -S 2.main.js配置 import Viewer from 'v-viewer' // 图片预览 import 'viewerjs/dist/viewer.css' Vue.use(Viewer) Viewer.setDefaults({ Options: { 'zIndex': 9999, 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, ...
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...
第一步: 创建插件文件(vue-toast.js)。 首先,在plugins文件夹下新建vue-toast.js文件,代码如下图所示: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 import{render,createVNode}from'vue';importToastComponentfrom'./Toast.vue';constVueToast={install(app){app.config.globalProperties.$toast=(message,...
2. City.vue 组件使用插件 definebind 指令 City.vue组件内容 <template> 城市名称:{{name}} </template> exportdefault{ name:'City', data() { return{ name:'wuhan' } } } 注意: 在组件内部具体使用插件定义的...
Vue VSCode Snippets 插件旨在为开发者提供最简单快速的生成 Vue 代码片段的方法,通过各种快捷键就可以在 .vue文件中快速生成各种代码片段。简直是 Vue3 开发必备神器。 该插件支持:Volar、Vue2 和 Vue3。 使用方式如下: 新建一个 .vue文件,输入 vbase会提示生成的模版内容: 输入vfor快速生成 v-for指令模版: ...
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...
除了简单地在组件中使用<vue-syntax-highlight>标签外,Vue Syntax Highlight插件还提供了更多的高级用法。例如,可以通过自定义指令的方式来实现语法高亮: <template> {{ code }} </template> 在上述代码中,通过使用v-highlight:javascript指令来高亮...
写了这个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...