vue
xiejunna
软件开发
展开
-
vue项目目录结构说明
这是我创建的项目目录,见下图: 目录/文件 说明build 项目构建(webpack)相关代码config 配置目录,包括端口号等。我们初学可以使用默认的。node_modules npm 加载的项目依赖模块src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里原创 2018-02-07 09:41:36 · 4762 阅读 · 0 评论 -
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }
npm run dev时报错,需要将babylon替换成babel编译器,解决办法,先卸载prettier,再重新安装,重新runnpm uninstall prettiernpm install prettiernpm run dev原创 2019-05-10 14:53:15 · 1317 阅读 · 0 评论 -
vux模板构建vue项目
VUX 样式基于 WeUI前提:已经安装了node环境(建议 Node.js 版本在 7.6.0 以上),vue-cli脚手架(如果还没安装 npm install vue-cli -g )//1.用vuex模板构建项目,vux2 模板 fork 自 webpack 模板,默认为 webpack2 模板,命令如下(一路默认即可):vue init airyland/vux2 项目名称//...原创 2019-05-10 11:30:31 · 403 阅读 · 0 评论 -
vue中 input组件封装及调用
封装input vue组件<template> <div class="inputItem"> <div class="leftText">{{textName}}</div> <div class="rightText"> <input :type=&原创 2019-01-25 12:15:27 · 14680 阅读 · 1 评论 -
vue中 input type=date组件封装及调用
封装组件vue<template> <div class="inputItem"> <div class="leftText">{{textName}}</div> <div class="rightText"> <input type="date&qu原创 2019-01-25 12:08:04 · 6292 阅读 · 0 评论 -
Google浏览器中安装vue-devtools过程记录
1.git上下载vue-devtools项目https://github.com/vuejs/vue-devtools2.下载完成后解压,进入到vue-devtools根目录,分别执行以下命令cd vue-devtoolsnpm installnpm run build3.npm run build 命令后,在此目录下vue-devtools-dev\shells\chrome,生成...原创 2019-01-02 10:31:32 · 908 阅读 · 0 评论 -
vue中动态修改css其中一个属性值
<template><!--此div的高度取屏幕可视区域的高度--> <div class="hello" :style="{'height':getClientHeight}"> <h5>{{ msg }}</h5> </div></template>原创 2019-01-04 17:03:28 · 19649 阅读 · 2 评论 -
render 函数初识
这是最初看到render函数的样子,完全不明白这是怎么回事,于是乎各种查资料,使用场景:web前端界面头布局中,可以重复使用 来接收每一个级别的标题标签,在标题标签中添加相同的锚点元素。但是些都会被包裹在一个无用的 div 中,因为组件必须有根节点。虽然模板在大多数组件中都非常好用,但是在这里它就不是很简洁的了。 render 函数就派上用场了<script>Vue.compo...原创 2018-12-29 21:13:24 · 4088 阅读 · 0 评论 -
vue中使用分页插件vuejs-paginate
1.安装依赖库(需要用到bootstrap的css样式)及分页插件(vuejs-paginate)npm install bootstrap@3.3.0 -–save-devnpm install vuejs-paginate --save2.封装此分页插件,根据自己需要的功能封装,调用起来会更简洁<template> <div class="paginate_co...原创 2018-12-28 16:31:19 · 5987 阅读 · 2 评论 -
vue中下载excel文件
请求用的axios请求函数封装req.jsimport axios from 'axios'const api = axios.create({ baseURL : _getBaseUrl(),});function _getBaseUrl(){ const env = process.env.NODE_ENV; if (env === 'production') { ...原创 2018-12-28 14:23:07 · 25899 阅读 · 0 评论 -
vue的package.json中dependencies和devDependencies区别
1. dependencies:应用能够正常运行所依赖的包。这种 dependencies 是最常见的,用户在使用 npm install 安装你的包时会自动安装这些依赖。2. devDependencies:开发应用时所依赖的工具包。通常是一些开发、测试、打包工具,例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包,用户在使用 npm install 安装你原创 2018-02-07 10:25:29 · 5461 阅读 · 0 评论 -
es-lint规范
类别 描述Possible Errors 可能的错误或逻辑错误no-cond-assign 禁止条件表达式中出现模棱两可的赋值操作符no-console 禁用consoleno-constant-condition 禁止在条件中使用常量表达式no-debugger 禁用 debuggerno-dupe-args 禁止 function 定义中出现重名参数no-dupe-k...原创 2019-05-10 15:52:26 · 232 阅读 · 0 评论