vue
xiejunna
软件开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue项目目录结构说明
这是我创建的项目目录,见下图: 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里原创 2018-02-07 09:41:36 · 4838 阅读 · 0 评论 -
vue的package.json中dependencies和devDependencies区别
1. dependencies:应用能够正常运行所依赖的包。这种 dependencies 是最常见的,用户在使用 npm install 安装你的包时会自动安装这些依赖。 2. devDependencies:开发应用时所依赖的工具包。通常是一些开发、测试、打包工具,例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包,用户在使用 npm install 安装你原创 2018-02-07 10:25:29 · 5693 阅读 · 0 评论 -
vue中下载excel文件
请求用的axios 请求函数封装 req.js import 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 · 26011 阅读 · 0 评论 -
vue中使用分页插件vuejs-paginate
1.安装依赖库(需要用到bootstrap的css样式)及分页插件(vuejs-paginate) npm install bootstrap@3.3.0 -–save-dev npm install vuejs-paginate --save 2.封装此分页插件,根据自己需要的功能封装,调用起来会更简洁 <template> <div class="paginate_co...原创 2018-12-28 16:31:19 · 6132 阅读 · 2 评论 -
render 函数初识
这是最初看到render函数的样子,完全不明白这是怎么回事,于是乎各种查资料, 使用场景:web前端界面头布局中,可以重复使用 来接收每一个级别的标题标签,在标题标签中添加相同的锚点元素。但是些都会被包裹在一个无用的 div 中,因为组件必须有根节点。虽然模板在大多数组件中都非常好用,但是在这里它就不是很简洁的了。 render 函数就派上用场了 <script> Vue.compo...原创 2018-12-29 21:13:24 · 4159 阅读 · 0 评论 -
vue中动态修改css其中一个属性值
<template> <!--此div的高度取屏幕可视区域的高度--> <div class="hello" :style="{'height':getClientHeight}"> <h5>{{ msg }}</h5> </div> </template>原创 2019-01-04 17:03:28 · 19851 阅读 · 2 评论 -
Google浏览器中安装vue-devtools过程记录
1.git上下载vue-devtools项目 https://github.com/vuejs/vue-devtools 2.下载完成后解压,进入到vue-devtools根目录,分别执行以下命令 cd vue-devtools npm install npm run build 3.npm run build 命令后,在此目录下vue-devtools-dev\shells\chrome,生成...原创 2019-01-02 10:31:32 · 981 阅读 · 0 评论 -
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 · 6501 阅读 · 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 · 14825 阅读 · 1 评论 -
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 · 478 阅读 · 0 评论 -
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }
npm run dev时报错,需要将babylon替换成babel编译器, 解决办法,先卸载prettier,再重新安装,重新run npm uninstall prettier npm install prettier npm run dev原创 2019-05-10 14:53:15 · 1404 阅读 · 0 评论 -
es-lint规范
类别 描述 Possible Errors 可能的错误或逻辑错误 no-cond-assign 禁止条件表达式中出现模棱两可的赋值操作符 no-console 禁用console no-constant-condition 禁止在条件中使用常量表达式 no-debugger 禁用 debugger no-dupe-args 禁止 function 定义中出现重名参数 no-dupe-k...原创 2019-05-10 15:52:26 · 291 阅读 · 0 评论
分享