vue
关注
分享
扫一扫
吴小傻0
这个作者很懒，什么都没留下…
展开
-
如何运行vue项目（从github上下载的开源项目）
先下载安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。根据自己电脑选择32位/64位。安装好node，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置在键盘按下【win+R】键，输入cmd，然后点击以管理员身份运行（可以安装需要的环境），回车，打开cmd窗口安装cnpm在命令行中输入 npm install -g cnpm --...转载 2019-05-20 22:19:26 · 17452 阅读 · 1 评论 -
Vue小模块之用户登录 使用Element美化网站和实现验证
引入Element首先用npm安装Elementnpm i element-ui -S在目录src/element/下创建文件index.jsimport Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)...原创 2019-05-22 18:51:37 · 996 阅读 · 0 评论 -
npm run server报错：Cannot find module 'webpack-cli/bin/config-yargs'
使用npm run server 启动webpack-dev-server时报错：E:\webpack_demo>npm run server> webpacktest@1.0.0 server E:\webpack_demo> webpack-dev-serverThe CLI moved into a separate package: webpack-cli....转载 2019-05-22 18:37:55 · 567 阅读 · 0 评论 -
vue + webpack + element-ui 开发项目
1、用webpack初始化一个vue项目vue init webpack-simple project-namewebpack-simple没有严格的代码检查，看自己需求；2、cd project-name进去项目中,然后cnpm install 安装所有依赖的插件；3、cnpm install element-ui style-loader -D安装所缺插件4、打开编辑器，进入w...原创 2019-05-22 18:34:25 · 164 阅读 · 0 评论 -
vue div设置背景图片
布局:<div class="middle" :style="backgroundDiv"> <img src="./images/a.png" style="width: auto; height: 40px;"></div>数据：data() { return { backgroundDiv: { ...原创 2019-05-25 15:20:58 · 8656 阅读 · 0 评论 -
vue.js click点击事件获取当前元素对象
Vue.js可以传递$event对象<body id="app"> <ul> <li v-on:click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <...原创 2019-05-25 15:18:12 · 11958 阅读 · 1 评论 -
在vue项目中升级element ui版本
找到项目中的node_modules文件夹,在找到其中的 element -ui文件夹删掉.然后再cmd窗口执行npm install element-ui下载;这时候我们在main.js中修改新增的 theme-chalk 主题：将import ‘element-ui/lib/theme-default/index.css’替换为import ‘element-ui/lib/them...原创 2019-05-25 10:05:01 · 1353 阅读 · 0 评论 -
使用npm更新已有模块
安装npm-check-updates 模块升级插件npm install -g npm-check-updates或者cnpm install -g npm-check-updates查看安装版本：ncu -v #ncu是npm-check-updates的缩写命令2.14.2转载 2019-05-25 09:58:51 · 345 阅读 · 0 评论 -
div的水平排列、垂直排列
垂直排列–css– .lay1{ width:200px; height:20px; border:1px solid #FF6699; } .lay2{ width:200px; height:20px; border:1px solid #FF6699; ...转载 2019-05-25 09:26:19 · 22864 阅读 · 0 评论 -
webstorm中vue语法支持
假定已经安装好了node和npm。全局安装vue-cli在终端中运行命令：npm install --global vue-cli然后使用vue-cli创建项目：vue init webpack my-project运行：npm run dev...原创 2019-05-25 09:03:25 · 594 阅读 · 0 评论 -
px,em,rem,vw单位在网页和移动端的应用
px：绝对单位，页面按精确像素展示任意浏览器的默认字体高都是16px。em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。所有未经调整的浏览器都符合: 1em=16px。此时1.25em=16px*1.25=20px;如果人为的把body里面定义font-size:12px; 此刻1em=12px，1.25em=12p...原创 2019-05-24 20:53:30 · 168 阅读 · 0 评论 -
css设置透明度的两种方法
一、css rgba()设置颜色透明度语法：rgba（R,G,B,A）;RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。rgba（)里的值的介绍：R：红色值。正整数 （0~255）G：绿色值。正整数 （0~255）B：蓝色值...原创 2019-05-24 20:41:04 · 113014 阅读 · 0 评论 -
vue-socket.io的使用
参照vue-socket.io的git地址说明文档npm install vue-socket.io在app.js中注册import VueSocketio from 'vue-socket.io';Vue.use(VueSocketio, 'http://socketserver.com:1923');在组件中使用export default{ data(){ r...转载 2019-05-24 20:12:56 · 1538 阅读 · 0 评论 -
Vue 单独页面添加背景色
由于外层还有一个div，所以设置背景色100%的时候不能全部都被背景色覆盖。如果给HTML设置背景色还会影响到其他页面的背景色。解决方法：给style添加一个scoped表示当前样式只给当前页面设置。单独设置背景的方法是在单独页面外层添加一个div,将这个div属性设为：fixed,例如：<style scoped> .homeBox { positi...转载 2019-05-24 20:07:41 · 2190 阅读 · 0 评论 -
九个很受欢迎的vue前端UI框架
一：Element官网地址：http://element-cn.eleme.io/#/zh-CN介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。二：...转载 2019-05-20 23:07:01 · 393 阅读 · 0 评论 -
npm install 报错(npm ERR!errno -4048)
问题：npm ERR! errno: -4048,npm ERR! code: ‘EPERM’,npm ERR! syscall: ‘scandir’,解决：1、删除npmrc文件，删除C:\Users\Administrator.npmrc文件2、 C:\Users\Administrator\AppData\Roaming\npm-cache 清空，3、删除项目下：node_mo...转载 2019-05-20 22:47:46 · 1595 阅读 · 0 评论 -
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! platform@1.0.0 start: `node build/dev-server.js`
这种错误是80端口被占用需要自己手动在任务管理器里面吧这个端口关闭下面是解决方案：1 查找哪个程序占用 80 端口1)“运行”中输入 cmd2)在命令行中输入 netstat -ano (中间有空格），得到端口号对应的PID如图查看80端口，所对应的PID并记下2 打开任务管理器 点击详细信息（win10）点击结束进程以后重新运行项目就可以了。...转载 2019-05-20 22:22:57 · 14522 阅读 · 3 评论 -
v-html
<div v-html="message">{{message}}</div>export default { data () { return { message: "这里可以包含html标签" } }}message可以包含html标签，来展示一个页面的内容。如果后端返回包含了标签的内容，可以转化为html页面的形式展示。...原创 2019-07-04 14:17:51 · 186 阅读 · 0 评论