VUE
关注
分享
扫一扫
文章平均质量分 84
尘埃338
开发路，任重而道远
展开
-
vue-cli中如何创建并引入自定义组件
vue-cli中如何创建并引入自定义组件1.在components（专门放组件的文件）下创建一个header.vue文件2.在App.vue文件里添加如下代码 <my-head></my-head> import myHead from './components/header' components : {myHead,} ...转载 2018-12-15 14:22:08 · 1040 阅读 · 1 评论 -
CentOS7一键安装nodejs
1、在CentOS 7机器上安装Node.js有几种不同的方法。 在本教程的第一部分中，我们将从NodeSource存储库安装Node.js。首先，我们需要启用NodeSource存储库：curl -sL https://rpm.nodesource.com/setup_8.x | sudo bash -2、当前的LTS版本的Node.js是8.x. 如果您想安装版本10，只需把set...转载 2018-12-19 13:04:18 · 778 阅读 · 0 评论 -
AXios 跨域请求文档https://www.kancloud.cn/yunye/axios/234845
（1）安装axios，用于异步获取数据cnpm install axios --save返回的数据是res.data.data 而不是res.body.data<script>import axios from 'axios'export default {asyncData(){ //也可以data(）return{items:{}}...转载 2018-12-30 10:24:57 · 3675 阅读 · 0 评论 -
vue中 关于$emit的用法
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件：<template> <div class="train-city"> <...转载 2018-12-25 17:09:19 · 496 阅读 · 0 评论 -
SVG 拖动以及缩放
1:转载 https://blog.youkuaiyun.com/qq_25041297/article/details/79172165首先我是需要一个SVG图的缩放和平移，svg图是自己做的，然后里面有自己做的动画以及其他时间，但是前几天客户说要改需求，说需要这个图实现SVG的拖动和缩放，MD，我只是一个后端啊，好吧，后端和前端已经感觉没有区别了。之前做SVG动画的时候，学习了一下s...转载 2019-01-02 11:03:35 · 1196 阅读 · 0 评论 -
vue+webpack项目打包后背景图片加载不出来
在做VUE +的WebPack脚手架项目打包完成后，在IIS服务器上运行发现项目中的背景图片加载不出来检查项目代码发现是因为CSS文件中，背景图片引用的路径问题;后来通过修改配置文件，问题终于解决了，解决方法如下：1.修改资源路径在VUE +的WebPack项目中，项目打包后的CSS和JS的引用路径是绝对路径，项目部署后会将静态当成根目录，就造成了文件引用路径的错误，解决方法是通过修改配置文...转载 2019-01-17 10:16:01 · 502 阅读 · 0 评论 -
scoped
2017-11-27 发布vue中慎用style的scoped属性 javascript vue.js 42.8k 次阅读 · 读完需要 19 分钟45本文发布在我的博客vue中慎用style的scoped属性许可协议: 署名-非商业性使用-禁止演绎4.0国际 转载请保留原文链接及作者。在vue组件中，在style标签上添加scoped属性，以表示它的...转载 2019-01-17 14:32:32 · 858 阅读 · 0 评论 -
.Vue路由(路由配置、传参、获取参数)
this.$route 和 this.$router区别： this.$route 信息参数（query、prams）传参获取 this.$router 功能函数，go()，push()等方法调用1.导入和使用路由(main.js)： import Router from 'vue-router' // 使用路由 Vue.use(Router) //导入vue页...转载 2019-01-02 22:44:40 · 7476 阅读 · 0 评论 -
vue监听滚动事件 实现某元素吸顶或者固定位置显示
最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先，在mounted钩子中给window添加一个滚动滚动监听事件，mounted () { window.addEventListener('scroll', this.handl...转载 2019-01-08 10:34:59 · 293 阅读 · 0 评论 -
position:sticky粘性定位
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>div.sticky { position: -webkit-sticky; position:转载 2019-01-08 11:11:08 · 621 阅读 · 0 评论 -
[前端]vue中打包后-webkit-box-orient: vertical消失（超出省略号失效）
之前写代码的时候遇到一个问题，就是用了下面这段css代码来让文字超出范围隐藏并显示省略号。 overflow:hidden;/*超出隐藏*/ text-overflow:ellipsis;/*文本溢出时显示省略标记*/ display:-webkit-box;/*设置弹性盒模型*/ -webkit-line-clamp:1;/*文本占的行数,如果要设置2行加.....原创 2019-01-21 09:41:02 · 714 阅读 · 2 评论 -
Vue2.0中使用v-el,v-rel出现问题
问题描述在高仿饿了么实战项目中使用v-el指令获取DOM，但出现下图的错误： v-el指令 代码template templatescript script 问题原因：在Vue2.0中弃用了v-el,v-rel指令解决方案：使用ref属性为元素或组件添加标记，然后通过this.$refs获取ref被用来给元素或子组件...转载 2018-12-18 19:20:28 · 1474 阅读 · 0 评论 -
vue 事件中的 .native
native - 监听组件根元素的原生事件。 主要是给自定义的组件添加原生事件。例子 给普通的标签加事件，然后加native是无效的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<转载 2018-12-24 11:54:51 · 508 阅读 · 0 评论 -
饿了么UI 开关跟多文本编辑，下拉
<el-form-item label="是否可见"><el-switch active-value="1" inactive-value="0" v-model="pojo.status"></el-switch></el-form-item> <el-form-item label=&原创 2018-12-23 21:14:15 · 1228 阅读 · 0 评论 -
Vue路由（vue-router）03（子路由）
对于单页面的vue应用，子路由的配置可能是必不可少的，其实vue的子路由配置很简单。这篇文章是基于上一片文章（路由配置02）的。示例需求，早footer.vue模块中配置子路由（示例文件footer01.vue和footer02.vue）。1. 在components文件夹下新建一个children文件夹，在其中新件子路由文件。（children文件夹名称不限制，子路由文件的位置不限制，可...转载 2018-12-15 17:34:41 · 693 阅读 · 0 评论 -
VUE 外卖项目总结
1：全局安装vue 脚手架 npm install -g vue-cli 2:选择 webpack ， 记得选安装vue-routervue init webpack sell 3：如果出现indent错误，在.eslintrc.js文件里面加入 'indent ' :0 3: 4:自定义模块在App.vue中, 导入跟注册&...原创 2018-12-15 18:05:01 · 1207 阅读 · 0 评论 -
Cannot find module 'stylus'
vue项目中使用stylus预处理器写css语法，老是出现 Cannot find module ‘stylus’ 的错误，鼓捣了很久，包括webstorm中配置stylus的支持，安装依赖。 终于找到原因： 在webpack 里面用了 stylus-loader，但npm instatll 没有正确安装依赖，才会出现error： Cannot find module ‘stylus’。...转载 2018-12-16 15:39:24 · 1754 阅读 · 0 评论 -
新版的vue-cli脚手架中少了dev-server.js文件，怎么模拟后台数据呢？
第一步：，在webpack.dev.conf.js中加入在webpack.dev.conf.js中引入node中的express框架即后台模拟数据json文件，代码如下：//这里是模拟后台数据const express = require('express')const app = express()var appData = require('../data....转载 2018-12-16 11:33:36 · 301 阅读 · 0 评论 -
vue-cli工程 中组件注册 ，父组件向子组件传值
**首先我们准备一个父组件模板-------------**<template> <div id="app"> <!-- 使用子组件 --> <!-- 向子组件传值 需要在父组件中使用v-bind绑定一个名字 :outdata="arr" 其中outdata这个名字是 你子组件中props属性接收数据时的名...转载 2018-12-16 15:32:01 · 244 阅读 · 0 评论 -
正确启动从GitHub上下载的vue项目：vueAdmin-template
由 匿名 (未验证) 提交于 2018-06-28 11:33:05登录或注册以发表评论 649 次浏览先讲重点，后上相关资料：遇到的问题：在启动从GitHub上下载的vue项目：vueAdmin-template 时报错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序报错如下：报错原因：直接从GitHub上下载下来的项目缺少依赖，即：项目...转载 2018-12-21 17:10:08 · 10119 阅读 · 0 评论 -
简单使用Vuex步骤及注意事项 使用Vuex的步骤：
（1）安装： 1.使用npm安装： 1 npm install vuex --save 2.使用script标签引入 1 2 3 <script src="/path/to/vue.js"></script> <s...转载 2018-12-27 16:16:22 · 516 阅读 · 0 评论 -
vuex
2, 在之前进行数据交互, 需要有子父关系parent:<template> <div> parent: {{ info }} <Child :title="msg" @sendMsg="handlerMsg"/> </div></template><script>转载 2018-12-27 16:18:05 · 149 阅读 · 0 评论 -
PM2用法
启动pm2 start app.js NODE_ENV=dev pm2 start app.js关闭pm2 kill原创 2018-12-22 10:27:59 · 184 阅读 · 1 评论 -
easy-mock 本地部署
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.youkuaiyun.com/u012878818/article/details/79926117Easy Mock 是一个可视化，并且能快速生成模拟数据的持久化服务如果没有内网部署的条件，推荐使用在线服务。只要直接注册就可以使用啦！！！在线使用文档现在来说说怎么window7系统下 本地部署Easy Mock...原创 2018-12-22 10:35:00 · 736 阅读 · 0 评论 -
vue 中$index $key 已经移除了
之前可以这样: 1 2 3 4 5 6 <ul id="example"> <li v-for="item in items"> {{$index}} {{$key}} </li> </ul>...转载 2018-12-18 09:10:23 · 706 阅读 · 0 评论 -
vue数组常太
self.list.splice(index, 1)removeM(index, id) { let self = this console.log('点击删除') uni.showModal({ title: '', ...原创 2019-05-07 11:18:53 · 111 阅读 · 0 评论