- 综合排序
- 最热优先
- 最新优先
- 来自专栏szhshp 的第四边境中转站
Vue + ElementUI 集成 Vue Router
Installation - Element UI Installation - Vue Router 路由强制刷新 源码 最新写 Vue 项目使用 ElementUI 做前端, 然后需要集成一个 Installation - Vue Router npm install vue-router main.js Entry 文件里面要进行修改, 将 vueRouter 用作插件, 并且引用 routes 这里进行了: 将 App 渲染到 #app import Vue from 'vue' import VueRouter from 'vue-router' import ElementUI from /App.vue' import routes from '. /routes' Vue.use(ElementUI) Vue.use(VueRouter); Vue.config.productionTip = false; const router = new
60420编辑于 2022-09-21 - 来自专栏技术综合
vue集成mergely
mergely是一个可以进行文本对比的库, 编辑器基于codemirror image.png 示例代码 https://github.com/klren0312/vue-mergely Mergely 仓库地址 https://github.com/wickedest/Mergely 需要依赖 mergely codemirror jquery webpack配置 在`vue.config.js'中
1.5K30发布于 2020-08-25 - 来自专栏用户3288143的专栏
【Vue】集成Vuex存储
%B4%E6%8E%A5%E4%B8%8B%E8%BD%BD-cdn-%E5%BC%95%E7%94%A8 安装 npm install vuex --save 声明main.js使用 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count
35020编辑于 2021-12-15 - 来自专栏颜颜yan_的学习笔记
【Vue】Vue集成Element-UI框架
Element-UI 与 Vue.js 集成非常紧密，开发者可以轻松地将 Element-UI 的组件嵌入到他们的 Vue.js 应用程序中。 element-ui 是一个基于 Vue.js 的桌面端 UI 组件库，提供了一系列可重用的组件，用于快速构建用户界面。 引入Element-UI 初始化Vue实例后，在main.js中直接进行引用。 import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css /App.vue'; Vue.use(ElementUI); new Vue({ el: '#app', render: h => h(App) }); { size: "small"
71110编辑于 2024-03-24 - 来自专栏用户3288143的专栏
【Vue】集成HTTP库Axios
安装 进入vue项目目录 npm install axios@0.21.0 --save 版本 简单使用 在一个页面中通过axios发送请求拿到后端数据 Home.vue import axios
57820编辑于 2021-12-06 - 来自专栏神奇的程序员的专栏
Vue实现Layui的集成
前言 在写公司项目时，遇到了集成layim实现在线客服的一个需求，经过我的一番折腾后，终于将layui集成了进来，接下来就跟大家分享下我的解决方案，欢迎各位感兴趣的开发者阅读本文 获取layim layui layui-src 安装成功 在node_modules下找到layui-src下的build文件夹复制到项目的public目录下 为了项目结构清晰，我们将build文件夹重命名为layim 集成并使用 layim 在vue项目中集成并使用layui我内心是拒绝的，因为vue和layui完全是两个东西，两个框架底层设计理念完全不同，奈何公司需要layim这个东西，layim又依赖于layui，毕竟公司安排的最大嘛 ，我就只能从了公司 下述操作适用于vue cli3.0搭建的项目，cli版本高于3.0是没有任何问题，小于3.0就会有问题了，望大家悉知。 由于layui是直接dom操作的，依赖于jquery，vue是数据驱动dom，所以如果不是很必要的话，不建议在vue中即成layui，因为后续使用过程中会有很多兼容性问题发生，有很多坑要填的。
1.3K10编辑于 2022-04-10 - 来自专栏全栈程序员必看
vue集成activiti工作流_vue 异步渲染
options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader ' }) } else { return ['vue-style-loader'].concat(loaders) } } Jetbrains全家桶1年46 ，售后保障稳定 三、重启项目 四、如果项目集成了less/sass,还需要做如下更改 const px2remLoader = { loader: 'px2rem-loader', options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader ' }) } else { return ['vue-style-loader'].concat(loaders) } } 版权声明：本文内容由互联网用户自发贡献
1.2K10编辑于 2022-11-17 - 来自专栏全栈程序员必看
Vue集成activity工作流
ps:主要iframe解决多项目集成，重写httpRequest添加token，但都2020年了，其实优选微前端方案集成。 步骤： 将activiti放在public即静态目录下。 mounted时将this，即vuecompoennt对象赋值给iframe，这样可以在保存后进行页面切换，或者某个接口回调后控制vue界面的状态。 下面是自己做activiti集成时的代码，供参考： //vue中引入activi代码 <template>
<div class 实例传入的父窗口 })() } toolbar-default-actions.js 文件是工具栏的控制函数，可在此文件内部调用vue的生命周期来完成业务中例如保存成功后的业务逻辑（如跳转页面 ） 效果图： 开发途中遇到的问题： 1.请求与vue不共享，不带请求头，需要手动在文件里扩展XMLHttpRequest。1.7K20编辑于 2022-06-29来自专栏裴大头的专栏vue项目集成腾讯滑块验证
第二步：在腾讯云里新增图形验证，记录好CaptchaAppId 然后开始集成 1、在index.html中引入js依赖 <script src="https://ssl.captcha.qq.com/ 是腾讯工作台配置 let Captcha = new TencentCaptcha('2053242547', res => { new <em>Vue</em>(). $emit('getTicket', res) }); <em>Vue</em>.prototype. (TencentCaptcha); // 使用 <em>Vue</em>.prototype. $bus = new <em>Vue</em>(); 复制 4、组件中使用 this.$Captcha.show(); this.$bus.
3K10编辑于 2022-01-17来自专栏LNMP开发那些事ckeditor4与vue集成
公司的项目开始使用的是ckeditor5，由于ckeditor5目前功能还不够完善，所以不得不替换成ckeditor4，以下记录一下vue-cli项目与ckeditor的集成方法。 下载要使用的ckeditor4构建版本 下载地址:(偶尔会被墙，偶尔不会，建议访问外国网站连接)官网下载地址 根据自己的需要下载，之后解压放到vue的static目录中。 加载ckeditor 修改vue项目中的index.html <! -- built files will be auto injected --> </body> </html> 复制以下内容，作为一个vue组件 <template>
在模板中使用组件： <ckeditor4 v-model="content"></ckeditor4> 这样，刷新页面，ckeditor4就与vue集成好了。4.2K30发布于 2019-07-31来自专栏加菲的博客【Vue】Vue与ASP.NET Core WebAPI的集成
SPA单页面应用已经遍地开花，熟知的三大框架，Angular、Vue和React，其中Angular与React均可集成至ASP.NET Core，且提供了相关了中间件。 本篇将介绍如何集成Vue。 1.集成的效果 SPA与ASP.NET Core集成后。根据需求不同，是可以达到两种不同效果。 3.集成步骤 3.1 安装nuget包 Install-Package Garfield.SpaServices.Extensions.Vue -Version 1.0.0 这是博主根据官方库改写，正如 5.1 集成调试 保持上面的配置与代码不变，直接运行ASP.NET Web API Vue将会自动构建，并与ASP.NET Core WebAPI项目将会集成运行，通过访问localhost:port便可以调试访问应用 特别是前端已经足够稳定，后端接口修改频繁，那么这样的方式无疑是太慢了，因为每次都需要重新启动vue项目，失去了集成的优势。所以独立调试后端更符合此类场景。
3.1K31编辑于 2022-06-23</template> <script> // 全局引入vue-codemirror import { codemirror } from "vue-codemirror"; // 引入css文件 import "codemirror/lib/codemirror.css"; // 引入主题 支持的属性很多，上面的例子只使用了几个常用的属性，更多属性请参照官方文档 https://codemirror.net/doc/manual.html#config 关于如何切换主题和语言模式，通过npm安装的vue-codemirror来自专栏青年码农vue集成codemirror代码编辑器
本教程是基于vue2实现集成，使用vue-codemirror插件 1. 安装 # npm npm install vue-codemirror -S # yarn yarn add vue-codemirror -S 2. options="options" @input="inputChange" ></codemirror>
3.1K1310编辑于 2022-05-31来自专栏码客VUE3集成TS和vue-router
前言 注意 现阶段并不建议使用VUE3，原因如下： 不再兼容IE11 三方的生态并不完善 相关文档并不完善，遇到问题相对不太好解决 但是VUE3和TS搭配体验相对较好。 查看npm版本 npm -v 创建项目 # npm 6.x npm init vite@latest vue3_demo01 --template vue cd vue3_demo01 npm install 等 安装 typescript、vue-router@next、axios、eslint-plugin-vue、less等相关插件 npm install axios npm install vue-router /components/HelloWorld.vue"; </script> <template> <img alt="<em>Vue</em> logo" src=". Cli <em>vue</em> ui 安装时<em>VUE</em>版本选择<em>Vue</em>3即可 可用UI框架 https://next.antdv.com/docs/<em>vue</em>/getting-started-cn
1.5K20编辑于 2022-03-07来自专栏前端小书童使用Single-spa集成Vue2、Vue3、React
Angular, Ember, 你正在使用的框架) 独立部署每一个单页面应用 新功能使用新框架，旧的单页应用不用重写可以共存 改善初始加载时间，延迟加载代码 开始使用Single-spa搭建项目 基座应用（Vue ） 子应用react-app（react17） 子应用vue2-app（vue2） 子应用vue3-app（vue3） 以上应该局可以通过cli工具搭建（vue-cli、create-react-app -app": "http://localhost:8001/js/app.js", "@single-spa/vue2-app": "http://localhost 子应用（microapps/vue2-app），修改打包配置指定输出文件名 const { defineConfig } = require('@vue/cli-service') module.exports 注册子应用（vue3） (microapps/vue3-app) 因为该子应用和主应用使用相同技术栈，除了上面vue2-app的引入形式，其实可以采用通过alias、或者link（npm、yarn）的形式在编译阶段就接入
1.1K20编辑于 2023-09-02来自专栏大前端（横向跨端 & 纵向全栈）GraphQL学习第六篇 －Vue中集成Vue-apollo
为了获取服务端GraphQl接口的数据，客户端需要使用apollo这个插件，三大前端框架均可以将apollo集成，下面以vue为例来说明在客户端如何集成vue-apollo这个插件。 1. 参考文档 Vue-apollo项目地址：https://github.com/Akryum/vue-apollo Vue-apollo官方文档：https://vue-apollo.netlify.com 在 src/main.js 配置 vue-apollo 插件 import VueApollo from 'vue-apollo' Vue.use(VueApollo); 5. $mount('#app') 以上是vue中集成vue-apollo的基本步骤，下面是代码实例。 import Vue from 'vue' import App from '. 挂载到vue实例里 new Vue({ router, apolloProvider, render: h => h(App), }).
84210发布于 2020-11-26来自专栏码客Electron集成Vue Cli3创建项目
Vue CLi3环境配置 卸载旧版本 npm uninstall vue-cli -g# OR yarn global remove vue-cli 安装新版本 npm install -g @vue/ cli# ORyarn global add @vue/cli 检查其版本是否正确 (3.x) vue --version 创建项目后添加依赖 vue ui 安装插件 vue-cli-plugin-electron-builder 插件官网地址： https://nklayman.github.io/vue-cli-plugin-electron-builder/ 选择Electron版本为5.0.0 Electron5.0 LICENSE.txt文件的编码必须为GBK编码 页面加载方式 之前直接用Electron写的代码，后来要结合Vue Cli3创建的项目，本来想的是直接把Electron的代码放在Vue的public目录中 Electron中用的Node，包导入导出用的CommonJS规范，而Vue用的是ES6的规范，所以代码也要微改。
2.8K20发布于 2020-05-09Astro.js 中集成 Vue 框架教程
Astro的集成能力支持我们使用Vue3编写的组件，并且支持SSR（server-side rendering）和CSH（client-side hydration）Astro 集成简介：使用 Astro 你可以自己编写一个自定义的集成，或者从 npm 获取流行集成。解锁 React、Vue、Svelte、Solid 和其他流行的 UI 框架。 vue# Using PNPMpnpm astro add vue手动安装依赖安装@astrojs/vue集成 npm install @astrojs/vue 大多数包管理器也会安装相关的对等依赖项 *以应用集成 import vue from '@astrojs/vue'; export default { // ... 如果要自定义 Vue 编译器，可以为集成提供选项。更多详细信息，请参阅@vitejs/plugin-vue 文档 @vitejs/plugin-vue - npm。
91110编辑于 2024-03-17来自专栏博文视点Broadview为Vue2集成UIkit
以下是在webpack中配置UIkit的样式引用别名： resolve: { alias: { 'vue$': 'vue/dist/vue', 'uikit-css$': 'uikit /uikit' Vue.use(UIKit) 由于对Vue.prototype进行了扩展，那么就可以像vue-resource那样在每个Vue实例内的this方法中注入一个$ui对象，用以下方法来显示简单的对话框 我们可以在插件内对confirm做一个修饰，将回调方法的this重新指向Vue实例： Vue.prototype.$ui = { // ... 那么回过头来看Vue的插件，在这里面我们不仅可以像上述代码那样单纯地对Vue实例进行扩展，还可以进行更多的全局化的处理。 这样UIkit就被集成到我们的Vue项目中来了。 图谱出自《Vue2实践揭秘》一书
1.7K20发布于 2020-06-11来自专栏崔哥的专栏laravel 集成 vue3 的前端项目
好在 laravel 给我们提供了 Vite，下面我以一个纯前端的项目企业展示型小程序 - 管理员端 为例，介绍一下如何把 vue3 项目集成到 laravel 准备 创建一个laravel的项目 composer 如果你想要使用 Vue 框架构建前端，那么你还需要安装 @vitejs/plugin-vue 插件： npm install --save-dev @vitejs/plugin-vue 修改 vite.config.js { // Vue 插件会重新编写资产 URL，以便在单文件组件中引用时，指向 Laravel web 服务器。 base: null, // Vue 插件将解析绝对 URL 并将其视为磁盘上文件的绝对路径。 /resources/js', import.meta.url)) } }, }); 集成 Vue3 项目 web路由 vi routes/web.php Route::get(
1.3K10编辑于 2024-05-15来自专栏腾讯位置服务vue 集成腾讯地图基础api Demo集合
vue 集成腾讯地图基础api Demo集合(基础地图引入与展示模块,地址逆解析，3D/2D切换 ，位置服务，mark标记) 写作背景 官方网站的demo大部分都是原生js，较基础，很多高级Api分布比较分散 ，为了有利于开发者查找，使用vue结合网上的开源框架vue-admin参照官方网站demo，做一个开箱即用的Demo集合出来。 前期准备工作 点击这条连接注册腾讯地图开发者账号 注意点 这是一个Vue集成腾讯地图的demo 项目中需要在index.html上事先引入以下内容 <script src="https://map.qq.com libraries=tools&v=1.exp&key=你注册之后获取的key值"></script> 然后在main.js 文件下写入这几行代码 Vue.prototype. $Map = window.TMap Vue.prototype.
1.5K20发布于 2021-07-02
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号