- 博客(27)
- 收藏
- 关注
RSS订阅原创 创建VUE3项目vue标红找不到模块“vue”。你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中?
找不到模块vue
2024-03-31 11:53:38
206
1
原创 说一说cookie sessionStorage localStorage 区别？
相同点：都是浏览器存储不同：1.存储位置：cookie由服务器写入 sessionStorage以及localStorage都是由前端写入2.生命周期：cookie的生命周期由服务器端在写入的时候就设置好的 LocalStorage是写入就一直存在，是长期有效，除非手动清除，SessionStorage是页面关闭的时候就会自动清除，属于回话级存储。3.存储大小：Cookie的存储大小约4kb， sessionStorage及localStorage存储空间比较大，大约5M4.发送请求时是否
2022-06-07 18:05:31
524
原创 ==和===的区别
对于 == 来说，如果对比双方的类型不一样的话，就会进行类型转换，只要值相同就相同,对于 ===来说，必须类型与值都相同首先会判断两者类型是否相同。相同的话就是比大小了类型不相同的话，那么就会进行类型转换会先判断是否在对比 null 和 undefined，是的话就会返回 true判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断判断其中一方是否为 object
2022-06-06 17:01:14
148
转载 PC端自适应
pc端自适应使用amfe-flexible 和 postcss-px2rem依赖包步骤:1.安装依赖包npm install amfe-flexible -Snpm install postcss-px2rem -S2.在main.js中引入import 'lib-flexible'3.在vue.config.js中配置remUnit是根据设计稿自定义的，用设计稿尺寸/10，例如你是在1920的设计稿上设计的 这里就写192配置内容如下：放在module.exports={}里cs
2021-06-05 16:35:48
1023
1
原创 vue显示实时时间
mounted(){ setInterval(()=>{ this.dateFormat(); },1000) },方法中实现时间格式的统一与获取dateFormat(){ const nowDate = new Date(); const date = { year:nowDate.getFullYear(), month:nowDate.getMonth()+1 < 10? "0" + (now..
2021-06-04 10:54:36
553
原创 将vue运行命令run serve变为run dev
将运行项目时的npm run serve 改为npm run dev需要改package.json里的东西将serve 改为dev 就可以使用npm run dev运行项目
2021-06-04 09:16:11
1639
原创 实现菜单栏路由的跳转
菜单栏 的代码块 <div class="sidebar" :collapse="collapse"> <el-menu class="sidebar-el-menu" :collapse="collapse" :default-active="onRoutes" router> //此处router如果不加无法实现跳转 <template v-for="item in items">//使用for循环遍历菜单
2021-05-19 09:34:44
702
2
转载 全屏的实现
<div class="btn_fullscreen" @click="screen"> <el-tooltip effect="dark" :content="fullscreen ? `取消全屏` : `全屏`" placement="bottom" > <i class="el-icon-rank"></i> </el-t
2021-04-28 16:04:34
49
1
原创 MongoMetwrkError : failed to connect to server [localhost:27017]
错误原因：1.没有安装Mongo db2.Mongodb没有启动解决方法：1.安装mongodb2.启动服务器如何安装mongodb1.去官网下载https://www.mongodb.com/try/download/community下载完是这个2.进行安装在安装过程中点击next选择custom自定义目录注意一定要取消选择Install MongoDB Compass这里默认是选中状态一定要取消直到安装完成...
2021-04-20 11:30:27
597
原创 [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js的解决方法
这个问题实在是令人恼火1.npm uninstall webpack-dev-server2.npm [email protected].找到build文件夹下的webpack.dev.conf在devServer下添加inline:false,
2021-04-14 15:05:02
568
原创 ‘serve‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决方法
如果进行打包发布时遇到这个问题执行 npm install -g serve
2021-04-12 09:37:44
1440
原创 计算属性计算总价格
源代码<div id="app"> <h2>total:{{totalPrice}}</h2> </div><script> const app=new Vue({ el:'#app', data:{ // 定义数组 books:[ {id:01,name
2021-04-06 10:04:04
401
原创 字符串的连接
当遇到多条消息加在一起的时候可以使用如下方法：法一：两条消息加在一起这样的方法缺点是重复的多的时候不太美观 <div id="app"> <h2>{{firstName+' '+lastName}}</h2> <h2>{{firstName}} {{lastName}}</h2> </div> <script> const app=new Vue({
2021-04-06 09:53:26
91
原创 v-bind绑定style（数组语句）
采用数组的语句进行样式的编写 <div id="app"> <h2 :style="[Style,Style1]">{{message}}</h2> </div> <script src="../js/vue.js"></script> <script> const app=new Vue({ el:'#app', d
2021-04-02 15:50:29
183
原创 Vue v-bind动态绑定style
1.v-bind 一般简写为: <div id="app"> <ul> <li v-for='(item,i) in text' :style ="{background:'red'}">索引值：{{i}} 内容：{{item}}</li> </ul> <h2 :style="{background:color}">我是蓝色背景</h2>
2021-04-02 15:40:42
500
原创 VUE v-for的使用
v-for=‘变量 in 列表’1.v-for循环普通数组 <div id="app"> <ul> <li v-for='item in text '>{{item}} </li> <!--发现v-for Vue进行解析 Mustache 胡须--> </ul> </div> var app=new Vue({
2021-04-02 15:00:34
123
原创 Vue实现路由的配置
在上一篇文章中我们已经建立好一个项目了现在我们进行编写更改里面的内容目录中的HelloWorld.Vue可以删掉新建一个router文件夹里边用来放路由router下index.vue中的内容如下：import Vue from 'vue'import Router from 'vue-router'import Login from '../components/Login' //此处为自己建的界面所配置的路由import Main from '../components/Main' /
2021-04-01 17:01:27
154
原创 第一个vue-cli程序
安装 Node.js确认Node.js安装成功1.在cmd下输入node -v 查看是否能够正确打印出版本号2.在cmd下输入npm-v查看是否能够正确打印出版本号安装Node.js淘宝镜像加速器cnpm-g为全局安装npm install cnpm-g 或npm install --registry=https://registry.npm.taobao.org安装 vue-clicnpm install vue-cli -g第一个vue-cli项目1.创建一个Vue项目,
2021-04-01 16:05:27
63
原创 创建一个Vue项目
新建一个文件夹在此文件夹下打开命令提示（即输入cmd）打开如图所示输入命令 **vue init webpack my-project**（my-project为你的项目名称）剩下的如图所示由于我没有让他自动安装一些依赖所以需要自己去安装首先打开路径 **cd my-project**在当前目录下安装路由 **npm install vue-router --save-dev**在当前目录下安装element-ui **npm install element-ui --save-d
2021-04-01 10:25:10
31
原创 vue-cli · Failed to download repo vuejs-templates/wepcak: Response code 404 (Not Found)
在使用vue init wepcak my-project新建项目时报错1.检查自己的环境配置node -vvue -Vwebpack -v如果vue -V没有显示版本 需要在安装一下npm i vue-cli -gnpm install webpack -g 安装webpack然后继续执行命令vue init wepcak my-project...
2021-04-01 09:58:49
1490
原创 Error in mounted hook: “ReferenceError: echarts is not defined“的解决方法
在进行echarts的使用时 出现以下问题解决方法：将官网的代码段中的option && myChart.setOption(option);改为：myChart.setOption(option);更改完以后如果出现了另一个错误解决方法：将代码段中的var myChart = echarts.init(chartDom);更改为var myChart = this.$echarts.init(chartDom);因为在main.js中是这样引入echarts的.
2021-03-30 09:29:43
14906
3
原创 Vue中引入 echarts
1.首先安装echarts依赖npm install echarts -S或者使用淘宝的镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S2.全局引入在main.js中进行引入import * as echarts from ‘echarts’;Vue.prototype.$echarts = echarts3.官网实例demo因为我直接复制官网的当时还是有些问题，
2021-03-29 16:16:55
130
原创 Vue设置背景图片
Vue前端界面设置背景图片1.view视图里div :style=“backgroundDiv”>export default{data(){return{backgroundDiv:{backgroundImage:‘url(’ + require(’…/asseets/images/xxx…png’) + ‘)’,}}}}
2021-03-25 14:20:53
1012
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人