![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 63
Yehger
愿你的青春如野花般绽放
展开
-
vue history模式页面空白,vue-router4.0 history模式页面空白 解决方案合集
1.首先先确认资源是否全部加载完毕这个问题不大,Chrome浏览器下——>F12打开控制台——>点击Nextwork查看css资源,js资源是否全部加载完毕2.确认是否在http环境webHistory模式只能在http环境下运行,不能直接打开,测试的话可以去下载一个phpstudy一键搭建环境。3.确认打包后的项目是否放对了地方一般情况下vue打包后的文件是应该放在域名所指向的根目录,也就是说,通过域名或ip访问这个环境是直接指向打包后的index.html文件的不是根目录原创 2021-08-12 11:25:43 · 1508 阅读 · 0 评论 -
vuecli3.0 配置vue-router
安装直接在命令行打开项目目录然后输入以下代码进行安装npm install vue-router配置路由在main.js文件中引入vue-routerimport VueRouter from 'vue-router'安装路由Vue.use(VueRouter)...原创 2019-11-22 09:34:23 · 3531 阅读 · 2 评论 -
Vue项目自定义host端口
默认vue的项目是8080端口,可以在vue.config.js中配置,如果没有就在项目根目录创建一个还有很多其他选项,具体可以看webpack的文档,这里省略一下vue.config.jsmodule.exports = { devServer: { host: "free.iule.net", //指定要使用的 host port: 80, //指定端口号以侦听 hotOnly: false, //启用热模块替换,而无需页面刷新作为原创 2020-12-25 18:08:20 · 9744 阅读 · 0 评论 -
vue 使用less预处理语言
安装lessnpm i less less-loader -S打开webpack.config.js在rules下输入如下内容加载scss如果没有webpack.config.js文件直接在项目根目录新建一个就好了//**如果没有webpack.config.js文件直接在项目根目录新建一个就好了**{ test: /\.less$/, loader: "style-loader...原创 2020-02-27 15:26:14 · 1237 阅读 · 1 评论 -
vue2.0 good-storage的使用
官方地址:https://www.npmjs.com/package/good-storage1.安装 good-storagenpm install good-storage2.两种缓存方式localStorage 长期缓存(无截至日期)sessionStorage 短期缓存(关闭浏览器清除)3.引用good-storage4.使用good-storage// lo...原创 2020-04-22 11:50:10 · 1815 阅读 · 3 评论 -
使用vue-cli脚手架 创建项目
1.首先肯定要安装node和npm(国内可以使用cnpm镜像[China npm])。http://nodejs.cn/安装好之后npm指令在你的dos[cmd]命令行中就可以使用了。这时候可以选择安装 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org2.全局安装vue-cli3.0+cnpm in...原创 2019-09-03 10:38:36 · 236 阅读 · 0 评论 -
vue3.0cli+安装使用vuex
安装vuex项目目录下打开命令行工具输入如下命令安装vuexnpm install vuex --save使用vuex在开发目录(src目录)中新建一个名为store的文件夹store下新建index.js进行配置vuex模块store下新建vuex模块userinfo.js是我们配置的vuex模块index.jsimport Vue from 'vue' //引用vuei...原创 2019-11-22 10:31:53 · 1280 阅读 · 0 评论 -
详解Vue2.0的响应式原理 上
一、什么是Vue的响应式首先区分一下响应式布局和Vue的响应式(也叫双向绑定)是不一样的,虽然都叫响应式。Vue的响应式意思就是数据在改变的时候,Dom层,也就是视图也会跟着更新,这也是mvc框架和mvvm框架最大的区别,省去了Controler对视图view,数据model的复杂处理,而替换成了View-Model,让我们写起代码行云流水,丝滑柔畅。二、响应式的几个步骤1.首先咱们先写一个响应式的最基本结构,Vue2.0是依靠Object.defineProperty() JS标准内置函.原创 2020-12-21 17:45:33 · 464 阅读 · 0 评论 -
Vue Cli3.0之VUEX状态机的模块化使用
1.安装VUEX状态机npm install vuex --save2.使用VUEX创建文件夹在src目录,新建文件index.js//index.js作为一个出口统一管理vuex状态模块import Vue from 'vue'import Vuex from 'vuex'//modulesimport globalModule from './modules/global...原创 2020-04-22 11:23:42 · 800 阅读 · 8 评论 -
VUE style中设置background-image时的路径问题
1. VUE 在style中设置background-image时路径问题在写一个自己的小案例的时候遇到了这个问题。网上找了诸多案例基本上都是在data数据层写数组里面加上require('图片路径')这种写法。//常见并且常用的方式<script> data(){ return{ list:[ {url:require('../1.jpg')} {url:require('../2.jpg')} ] } }</script>原创 2020-08-04 17:17:34 · 5538 阅读 · 0 评论