vue
关注
分享
扫一扫
慕容屠苏
定期分享前端、互联网、人工智能知识，喜欢的朋友关注我哟--
展开
-
Vue项目webpack打包部署到linux服务器的Tomcat
新建Vue项目webpack打包，部署到Linux服务器Tomcat上。 2，在Linux服务器下的Tomcat的webapps下创建VueTest文件夹， 3，配置router/index.js文件，增加base: '/VueTest'，VueTest就是Tomcat中webapps下文件路径 4，在项目运行“cnpm run build”命令，生成dist文件夹，dist文件夹中包含static和index.html 5，将dist文件夹中static和index.html复制到Tomcat中w原创 2022-03-15 16:25:17 · 392 阅读 · 0 评论 -
VUE的双向绑定实现原理MVVM
VUE的双向绑定实现原理MVVM vue.js是JavaScript MVVM (Model-View-ViewModel)库。 vue里的数据双向绑定是实现原理就是MVVM模式。 在讲MVVM模式之前，可以先了解下Mqtt协议的设计思路，通过各个终端与Mqtt中间件订阅，发布的方式， 我们可以吧mqtt中间件看成是ViewModel，看成是接受并发送给个端信息，将各个终端...原创 2019-04-05 23:58:35 · 328 阅读 · 0 评论 -
vue环境安装并启动本地代码vue
vue环境安装并启动本地代码vue https://nodejs.org/en/ 1、下载nodejs进行安装 vue官网 https://cn.vuejs.org/ 2、nodejs安装vue npm install --global vue-cli 3.vue通过webpack方式构建项目 vue init webpack my-project...原创 2019-04-06 23:33:06 · 2013 阅读 · 0 评论 -
Vue项目打包发布到tomcat
Vue项目打包发布到tomcat npm run build Nodejs服务器安装: npm install -g serve 1、本地测试运行打包的vue： serve dist 访问：http:localhost:5000 打包部署到tomcat服务器 修改配置：webpack.prod.conf.js ...原创 2019-04-06 23:46:08 · 1277 阅读 · 0 评论 -
vue数据双向绑定案例
vue数据双向绑定案例 vue是通过MVVM实现数据的双向绑定，通过DOM Listeners监听view,Data Bindings监听model，实现数据的双向绑定的。 实现效果： 实现代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title...原创 2019-04-11 14:35:08 · 1025 阅读 · 0 评论 -
vue中通过iframe方式加载本地html
vue中通过iframe方式加载本地html vue是一个组件式的前端开发，我们在通过vue做前端开发的时候经常会有这样的业务需要。 如何将本地的原生js或jquery实现的html嵌入到vue的组件中进行展示。 实现效果： 如图所示： 导航栏、按钮控件、评分控件都是通过vue组件组装实现。 银河星图是通过ifame加载本地html实现的。 实现思路： 1、在s...原创 2019-05-04 16:59:26 · 25289 阅读 · 8 评论 -
Mock拦截请求URL返回模板数据
Mock拦截请求URL返回模板数据 背景 ： 前后端开发依赖后端数据， 当前端页面开发完成 ，后端在没有提供前端数据的情况下 ，前端无法测试， 导致开发效率低 ，速度慢 ，为了解决这一问题 ，通过Mock模拟生成数据在不改变原有代码前提下拦截url返回数据。 开始实验 1、随机生成长度1~3的数组 // array数组 var data = Mock.mock({ ...原创 2019-06-12 16:48:01 · 2710 阅读 · 0 评论