
vue-js
代码小公举
凡是过往,皆为序章;凡是未来,皆为可期!
展开
-
认识Flow
一:Flow初识Flow是Facebook出品的JavaScript静态类型检查工具,Vue2.x源码利用了Flow做静态类型检查。二:Flow工作方式类型推断:根据变量的使用上下文来推断出变量的数据类型从而进行类型检查function join(x) { return x.join(',');}join(1);报错Cannot call x.join because property join is missing in Number [1]. [prop-missing原创 2020-09-02 09:35:06 · 398 阅读 · 0 评论 -
Vue2.0+Webpack项目环境构建到发布
使用vue2.0+webpack搭建项目的步骤如下,以下全在命令窗口输入命令语句: 安装node和npmnode下载:node下载地址 新版的node集成了npm,所以node安装好后npm也一并安装好了,我们可以通过cmd命令行窗口输入:node -v , npm -v来查看是否安装好 使用npm安装模板等速度过慢,我们可以使用国内淘宝镜像来安装:npm install -g cnpm –r原创 2017-07-13 09:11:51 · 3606 阅读 · 1 评论 -
Vue.js指令篇之自定义指令
Vue.js学习笔记指令篇之自定义指令原创 2017-07-04 23:40:40 · 2574 阅读 · 0 评论 -
Vue.js中的图片引用路径
当我们在Vue.js项目中引用图片时,关于图片路径有以下几种情形:使用一我们在data里面定义好图片路径imgUrl:'../assets/logo.png'然后,在template模板里面/*错误写法*/<img src="{{imgUrl}}">这样是错误的写法,我们应该用v-bind绑定图片的srcs属性<img :src="imgUrl">或者<img src="../assets/log原创 2017-07-27 20:39:02 · 31359 阅读 · 3 评论 -
vue.js阻止事件冒泡和默认事件
首先我们来看原生JS取消事件冒泡方法:e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器原生JS阻止默认事件方法:e.preventDefault(); //非IE浏览器window.event.returnValue = false; //IE浏览器而vue.js给我们提供了更简便的原创 2017-09-27 18:23:32 · 19500 阅读 · 0 评论 -
Vue.js项目引入less文件报错解决
最近用vue-cli+webpack构建项目时,当在app.vue或者其他组件中中引入less文件时会报错,如下所示:import '@/less/detail.less'报错如下: 根据报错信息说是相关依赖babel-loader和vue-loader没有找到,但是我们npm i babel-loader vue-loader依然报错此信息。 正常情况下在webpack的配置文件中已经配置原创 2017-09-21 18:23:28 · 13168 阅读 · 1 评论 -
Vue.js代理设置解决跨域问题
当我们在使用vue.js进行项目开发时,因为我们可以本地以localhost:port(端口号)这样形式启动项目进行本地调试,这个时候我们需要使用后端接口就会出现跨域问题,这是因为localhost和访问域名不一致造成,在vue-cli使用的模板插件中,就有解决这个问题的方法,它是通过使用node代理来将localhost映射成访问的域名。我们是在config下的index.js文件中进行设置,一原创 2017-11-02 21:08:03 · 5890 阅读 · 0 评论