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.html5,将dist文件夹中static和index.html复制到Tomcat中w原创 2022-03-15 16:25:17 · 359 阅读 · 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 · 309 阅读 · 0 评论 -
vue环境安装并启动本地代码vue
vue环境安装并启动本地代码vuehttps://nodejs.org/en/1、下载nodejs进行安装vue官网https://cn.vuejs.org/2、nodejs安装vuenpm install --global vue-cli3.vue通过webpack方式构建项目vue init webpack my-project...原创 2019-04-06 23:33:06 · 1991 阅读 · 0 评论 -
Vue项目打包发布到tomcat
Vue项目打包发布到tomcatnpm run buildNodejs服务器安装:npm install -g serve1、本地测试运行打包的vue:serve dist 访问:http:localhost:5000打包部署到tomcat服务器修改配置:webpack.prod.conf.js...原创 2019-04-06 23:46:08 · 1245 阅读 · 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 · 994 阅读 · 0 评论 -
vue中通过iframe方式加载本地html
vue中通过iframe方式加载本地html vue是一个组件式的前端开发,我们在通过vue做前端开发的时候经常会有这样的业务需要。如何将本地的原生js或jquery实现的html嵌入到vue的组件中进行展示。实现效果:如图所示:导航栏、按钮控件、评分控件都是通过vue组件组装实现。银河星图是通过ifame加载本地html实现的。实现思路:1、在s...原创 2019-05-04 16:59:26 · 25117 阅读 · 8 评论 -
Mock拦截请求URL返回模板数据
Mock拦截请求URL返回模板数据背景 :前后端开发依赖后端数据, 当前端页面开发完成 ,后端在没有提供前端数据的情况下 ,前端无法测试,导致开发效率低 ,速度慢 ,为了解决这一问题 ,通过Mock模拟生成数据在不改变原有代码前提下拦截url返回数据。开始实验1、随机生成长度1~3的数组// array数组 var data = Mock.mock({ ...原创 2019-06-12 16:48:01 · 2679 阅读 · 0 评论