vue.js
文章平均质量分 62
承蒙时光不弃1769203735
hello world!
展开
-
关于vue的页面跳转后,如何每次进入页面时都能获取后台数据
首先说问题。一.页面的数据来自后台,即会发起请求从后台取值。二.子组件的数据刷新的问题,即每次进入父组件的时候,其相关子组件的数据需要重新从后台取值。1.答:关于第一个问题。一般来讲我们会在vue的created的生命周期中实现,向后台发起请求获取数据。但是这样会带来一个问题。1.1.我需要每次进入页面的时候都从后台获取数据!而created事件很明显是不能实现的。稍微解释下首先理解单页面应用,个人理解,最后的vue项目打完包后只有一个in...转载 2021-03-09 17:08:30 · 1226 阅读 · 0 评论 -
vue使用npm run build命令打包项目
vue使用npm run build命令打包项目当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来,但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。首先命令行执行npm run build命令,命令需要在项目目录下执行C:\Users\John\Desktop\demo>npm run build 我的是一...转载 2020-06-28 17:21:45 · 10168 阅读 · 0 评论 -
vue--图片懒加载,使用vue-lazyload
vue v-lazy官方API:https://www.npmjs.com/package/vue-lazyload1.安装插件npm install vue-lazyload --save-dev2.在入口文件main.js中引入并使用import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { loading: require('img/loading.png'),//加载中图片,一定要有,不然会一直重复加...转载 2020-06-16 14:47:57 · 268 阅读 · 0 评论 -
使用vue-cli创建项目注意事项,以及Runtime Only和Runtime+Compiler区别
在我们使用vue-cli创建项目的时候,会提示你安装的版本可以看到有两种版本: Runtime Only 版本 和 Runtime+Compiler 版本。1.Runtime Only我们在使用 Runtime Only 版本的 Vue.js 的时候,通常需要借助如 webpack 的 vue-loader 工具把 .vue 文件编译成 JavaScript,因为是在编译阶段做的,所以它只包含运行时的 Vue.js 代码,因此代码体积也会更轻量。 在将 .vue 文件编译成 JavaS.转载 2020-06-13 15:48:41 · 841 阅读 · 0 评论 -
vue不是内部或外部命令,也不是可运行的程序 或批处理文件。
全局安装Vue-cli之后,在控制台输入命令执行vue --version,提示:不是内部或外部命令,也不是可运行的程序或批处理文件。原因:环境变量没有配置。解决方式:在控制台执行npm config list,回车。打开图中划线的路径,看这个文件夹下是否有vue.cmd这个文件。如果有vue.cmd,则复制这个路径(上图划圈),添加到系统环境变量中。这样就解决了~(ps: 如果没有vue.cmd,则说明你可能没安装成功,需要重新安装vue-cli)...原创 2020-06-13 15:33:02 · 22135 阅读 · 5 评论