
vue
andyRuiDy
这个作者很懒,什么都没留下…
展开
-
Sping Boot + Vue + Webpack 项目实战(三):配置静态资源、代码校验和webpack-dev-server
前言好了,上一篇我讲了怎么使用webpack来构建vue项目,接下将对它进一步完善,添加静态资源和代码校验及webpack-dev-server服务器,废话不多说,直接开始吧。配置静态资源安装在配置之前,需要安装样式和文件资源处理的loadernpm install style-loader --save-devnpm install --save-dev url-loader fil...原创 2020-03-11 21:54:17 · 437 阅读 · 0 评论 -
Sping Boot + Vue + Webpack 项目实战(二):使用webpack构建vue项目
使用webpack构建的简单例子:https://github.com/AndyRuiDy/ztodo.git前言到了这里,我们就开始来构建项目。在网上有很多都是使用vue-cli脚手架工具,vue-cli确实是最能体现vue的特性的,但使用vue-cli有一定局限性,这里不描述,想知道的可以自行去了解,vue-cli比较适合中小项目。接下来实战过程中,如果不是很清楚的,欢迎提出在构建项...原创 2020-03-10 10:48:04 · 349 阅读 · 0 评论 -
Sping Boot + Vue + Webpack 项目实战(一):项目简介
前言我想很多人都知道vue-cli脚手架,那么它是怎么构建的?又该如何去构建一个适合自己的脚手架?相信很多都去看了vue-cli源码,并且它是如何构建的。我之前一直想拥有一个自己开发出来的博客,我在想在自己构建这个博客的时候,能否来写个教程来带着大家走一遍,即使写的不是很好,如果有什么地方写的不好或者不够详细,欢迎各位大佬指点,这是我第一次学教程,请多多支持,谢谢。在这我将带着大家一起来学习如...原创 2020-03-05 16:38:03 · 472 阅读 · 0 评论 -
vue.config.js中devServer.proxy无效问题解决方法
最近无聊创建一个vue项目,在使用代理的时候,页面显示404无法访问,仔细查看是因为端口号并没有变,是以前端的端口号进行访问,经查阅资料后如下两种解决办法,第一个方法我第一次配置后并没有起效果,后来使用了第二个添加一个斜杆的方法,才测试通;不知道什么原因,我返回第一个方法测试结果又可以,有点好奇。去看了官方文档没有明确说明。proxy: { '/blogger': { ...原创 2020-03-03 13:23:22 · 54344 阅读 · 5 评论 -
tomcat部署Vue项目
tomcat部署Vue项目最近学习了vue,并写了一些小项目,在部署到tomcat服务器上时,发现访问的时候显示的是空白页面,在查阅文档后需要注意两点;1. 当项目部署到服务器后路劲发生改变,所以在部署到服务器之前需要在vue.config.js文件中添加如下配置:publicPath: process.env.NODE_ENV === 'production' ? '/dist/' : '/...原创 2020-02-02 22:30:28 · 1041 阅读 · 0 评论 -
Router-link 跳转页面回到头部问题
Router-link 跳转页面回到头部问题在vue-router配置文件中添加如下代码scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } }案例如下export default () => { return new Router({ mode: 'history', ...原创 2019-10-18 23:34:36 · 691 阅读 · 0 评论 -
vue项目动态绑定img标签的src属性问题
废话不多说,直接上码在项目中,遇到动态定src时图片不显示的错误方式如下:<div class="qr"> <img width="200px" height="200px" :src="qrcode" alt=""> </div><script>export default { name: 'BlogExceptional',...原创 2019-10-17 09:39:57 · 584 阅读 · 0 评论 -
Vue 知识点及面试总结
Vue 知识点及面试总结1、 什么是MVVM MVVM是Model-View-ViewModel 的缩写。mvvm是一种设计思想。Model 层代表数据模型,也可以在Model 中定义数据修改和操作的业务逻辑;View 代表UI组件,他负责将数据模型转化成UI展现出来,ViewModel是一个同步 View 和 Model 的对象。 在 MVVM 架构下, View 和 Model 之间...原创 2019-08-06 15:50:58 · 425 阅读 · 0 评论 -
Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment
error Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>…</>?错误原因{ "extends": ["standard", "plugin:vue/recommended"], "plugins...原创 2019-08-08 17:02:10 · 5979 阅读 · 1 评论 -
@vue/cli 手动创建项目
@vue/cli 手动创建项目vue-cli 创建项目命令vue create myfirstdemo(项目名)1、执行命令后,vue-cli会提示选择默认安装预先设定好地插件还是选自手动选择(Manually select features),如果一般小项目选择默认即可;在这里,选择的是手动设置(Manually select features),按上下键进行选择,选择后,按enter...原创 2019-07-29 21:33:07 · 1730 阅读 · 1 评论 -
webpack + vue 项目案例
从零开始搭建webpack + vue 项目一、webpack + vue项目的基本构建和配置1、在指定目录下创建项目文件夹2、使用vscode开发工具打开项目文件夹,并进行初始化npm init // 项目初始化命令3、 做好以上步骤,那么就可以进行安装并配置项目所需包文件3.1 、首先,需要安装项目打包工具、配置项目入口文件以及项目打包输出文件// 如果你使用webpack版...原创 2019-07-07 20:10:23 · 490 阅读 · 0 评论