随笔分类 - Vue
摘要：最近运行项目发现一个很奇怪的事情， Vue项目的端口号设置的9202 ，但是项目运行之后就是9203 ，就很奇怪是什么进程导致占用的端口 解决办法： 打开CMD，运行命令 netstat -aon 列出所有端口情况，查看被占用的端口 之后通过命令 netstat -aon|findstr "9202
阅读全文
摘要：1. npm run dev是执行配置在package.json中的脚本，比如： "scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-server.js", "build": "node build/bui
阅读全文
摘要：使用v-cloak指令，v-cloak不需要表达式，它会在Vue实例结束编译时从绑定的HTML元素上移除，经常和CSS的display:none配合使用。 <div id="app" v-cloak> {{message}} </div> <script> var app = new Vue({ e
阅读全文
摘要：今天下载公司的一个的项目 进行正常的操作后 启动报错了。。。 后来找度娘 才知道原来是config 文件夹里少了一个inde.js 文件 解决办法： 让同事上传一下index.js 之后就能正常跑起来了 也可以使用下面这个自己补全，内容如下 'use strict' // Template vers
阅读全文
摘要：1.通过query实现： <router-link :to="{ name:'home',query:{id:1} }">跳转页面</router-link> 获取： this.$route.query 2.通过params配置： <router-link :to="{ name:'home',pa
阅读全文
摘要：一： 打开自己写的一个vue.js网页，发现这个图标并没有亮起来，还是灰色 解决方案： 1、我们先看看Vue.js devtools是否生效，打开Bilibili（https://www.bilibili.com/，B站是用的vue），如果发现这个图标变绿了，说明Vue.js devtools是能用
阅读全文
摘要：第一步： npm安装： 第二步： 全局引用 第三步： 在页面单独使用： 首先安装依赖，然后引入 第二步：
阅读全文
摘要：vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？ 本文会介绍组件间通信的8种方式如下图所示， 并介绍在不同的场景下如何选择有效方式实现的组件间通信方式，希望可以帮助小伙伴们更好理解组件间的通信。 一、props / $emit 父组件通
阅读全文
摘要：首先 运行这行命令 在项目的build/utils.js中，找到 并在它的下面插入下面的方法 注： 1、 resolveResource中的‘../src/assets/css’换成自己的less/sass文件的路径； 2、generateSassResourceLoader中 resources:
阅读全文
摘要：首先 你得有 完整的 Vue开发环境第一步 安装less 依赖 第二步 修改webpack.config.js文件，配置loader加载依赖 第三步 然后在使用的时候在style标签里加上lang=”less”里面就可以写less的代码了(style标签里加上 scoped 为只在此作用域 有效)
阅读全文
摘要：之前在百度上看到过很多中 关于局域网访问项目的方法， 在这里，个人推荐两种比较喜欢的方法 一、直接在项目的package.json文件中进行配置 ，代码如下 直接在package.josn文件中 找到 上面这部分代码 然后再scripts下的dev 结尾加一个参数 --host 192.168.0.
阅读全文
摘要：有时候我们需要页面滚动条滚动到某一固定的位置，一般使用Window scrollTo() 方法。 语法就是：scrollTo(xpos,ypos) xpos：必需。要在窗口文档显示区左上角显示的文档的 x 坐标。 ypos：必需。要在窗口文档显示区左上角显示的文档的 y 坐标。 例如滚动内容的坐标位
阅读全文
摘要：随着VUE 技术的不断更新，越来越多的开发者开始使用vue编写前端界面，今天我就和大家分享一下 ，如何快速创建一个vue项目。 前提： 安装了node.js 首先： 全局安装vue-cli 使用命令： npm install vue-cli -g （-g代表全局安装） 创建项目 使用Vue初始化基于
阅读全文
浙公网安备 33010602011771号