vue-js
xiejunna
软件开发
展开
-
Error: Cannot find module ‘fs/promises‘
cnpm install时,Error: Cannot find module 'fs/promises'原创 2022-10-10 15:45:51 · 2514 阅读 · 1 评论 -
vue3.0+创建项目
1、vue create test //test为项目名使用淘宝镜像创建项目,选择是? Your connection to the default npm registry seems to be slow. Use https://registry.npm.taobao.org for faster installation? Yes2、提示选择一个preset(预设),有3个选项,这里选择第三个,自主选择一些配置项 ? Please pick a preset: (Use arrow原创 2021-01-23 12:28:09 · 3812 阅读 · 2 评论 -
安装vue-cli 3.0+ 版本
vue-cli3.0之前版本安装使用命令:npm install vue-cli -g如果已经安装了3.0之前版本,需要升级或安装,这时候就需要先卸载之前版本,命令:npm uninstall vue-cli -g安装vue-cli 3.0之后版本当使用命令:npm install @vue/cli -g 安装时,会卡在 fetchMetadata: sill resolveWithNewModule prismjs@1.23.0 checking installable status这一行长时间不原创 2021-01-23 10:32:06 · 533 阅读 · 0 评论 -
js实现获取验证码倒计时
框架:vue + vuex效果图:代码实现:<template> <div class="container"> <x-header style="background-color:#30A2F4;">城市服务</x-header> <div class="common"></div> ...原创 2019-05-21 11:12:23 · 2686 阅读 · 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 评论 -
TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.
vue项目运行时,报错了,TypeError: Cannot destructure property compile of ‘undefined’ or ‘null’.F:\ybsvue\customer>npm run dev> project@1.0.0 dev F:\ybsvue\customer> webpack-dev-server --inline --pr...原创 2018-12-26 17:19:26 · 6670 阅读 · 0 评论 -
vue路由router-view用法
此文件位置:myproject/src/router/index.js// 0.如果使用模块化机制编程,导入Vue和VueRouterimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)// 1. 定义(路由)组件const HelloWorld = { template: '<p>hell...原创 2018-08-29 17:20:08 · 14473 阅读 · 1 评论 -
vue.js导入css库(elementUi)的方法
1.安装以下模块,让webpack可以解析css文件cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev2.安装elementUi模块cnpm install element-ui@next -S3.在webpack.base.conf.j原创 2017-01-22 17:03:49 · 20733 阅读 · 1 评论 -
vue项目中使用jQuery
这里是引入全局的jQuery 1.在package.json文件中,‘devDependencies’对象中添加”jquery”: “^3.1.1”, 2.在build文件夹下的webpack.base.conf.js文件中添加:var webpack = require("webpack")// 增加一个plugins plugins: [ new webpack.opti原创 2017-02-09 11:06:45 · 12828 阅读 · 0 评论 -
vue项目导入外部css样式和js文件
css文件放入static文件夹下。<template> <div id="app" > </div></template><script>export default { name: 'MainPage', data () { return { } }<style scoped> @import '/static/css/easydialog.min.c原创 2017-02-09 09:49:02 · 81463 阅读 · 8 评论 -
创建vue项目
总结官方的创建vue项目1.安装vue.js运行环境nodejs,可用淘宝镜像安装,会比较快,建议安装c盘,安装成全局的。 命令是: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.查看安装的版本,命令是:cnpm -v3.安装全局脚手架,命令是:cnpm install -g vue-cli4.创建vue项目,原创 2017-01-21 13:17:45 · 2221 阅读 · 0 评论 -
使用命令创建vue.js项目
前序:开发vue项目需要借助node环境,进行以下步骤时,要先装好node环境。 推荐使用淘宝镜像安装,速度比较快,可安装在c盘,命令是: npm install -g cnpm --registry=https://registry.npm.taobao.org 安装模块时,使用 cnpm 命令来安装模块,例如:cnpm install [name], 淘宝镜像安装好之后,安装安装webp原创 2016-12-31 16:31:15 · 3882 阅读 · 0 评论