![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue/node/npm/webpack
红枫花
这个作者很懒,什么都没留下…
展开
-
6.11 webpack能装上的方式
这玩意更新太快了,教程试了五六个终于装上了出处:https://segmentfault.com/a/1190000014142975?utm_source=index-hottestwebpack安装和使用mkdir webpack_democd webpack_demo// npm初始化npm init// 然后一直回车安装webpack// 不建议全局安装cnpm install w...转载 2018-06-11 17:00:00 · 875 阅读 · 0 评论 -
如何在vue中使用less写组件模块的的样式,通过继承来简化代码
大部分框架的组件和模块都是定了宽高,导致无法在需要自适应的项目中直接使用。我们需要对框架的组件样式进行修改,改为百分比或者合适的宽高。有两种方式去统一样式。一 .建立一个css把所有改好的样式放入,在用的时候import。有个缺点:引入后会把所有的组件样式全部引入,有时候一个组件可能要写好几种样式。总不能全部引入进去。 二.通过less,像js的全局变量和全局方法一样,在需...原创 2018-08-29 13:50:40 · 2603 阅读 · 0 评论 -
子组件调用父组件的方法。
格式与传值类似子组件首先有个click,可以括号里写上要传的值<div class="settlement layui-col-5" @click="toOrdaer()"> 去结算 </div>然后写方法,如果传值在括号里加个逗号,再写个要传的值methods:{ toOrdaer:funct...原创 2018-08-16 11:55:40 · 314 阅读 · 0 评论 -
点击时判断事件发起的dom元素
都干了这么久了才发现这个东西,哇,这坑是真有点坑了。 事件冒泡的解决方式check:function(event){ if($(event.target).is("input")){ return false; } var el = event.currentTarget ...原创 2018-08-13 19:56:01 · 814 阅读 · 0 评论 -
vue 刷新当前页面的方式。
app.vue<template> <div id="app"> <!-- <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive>原创 2018-08-13 19:51:34 · 1973 阅读 · 1 评论 -
在vue-cli模式下,单个vue组件引入外部框架的css,而不干扰其他组件的方式
有时会有在单独组件内引入外部框架的需要,而又不想干扰其他组件。放在main里,css会影响到所有组件。放到index.html同样会有影响。所以要放到单组件的style scoped里你可以 单独放在一个style里面:是有效的<style scoped> .f6f6f6{ height:100px; backgr...原创 2018-08-18 10:01:18 · 5233 阅读 · 0 评论 -
vue 父子 兄弟 子父传值
子向父子组件标签有个click<div class="Pagination"> <el-pagination @current-change="handleCurrentChange" background layout="prev, pager, nex...原创 2018-08-02 14:14:30 · 224 阅读 · 0 评论 -
2018.6.12 vue的组件化的两种简单使用方式
官方文档讲的很详细,不过太多了,找到了自己需要用的方式两种使用方式 1.在主页的根组件上 使用其他的组件,这些组件也放在components的文件夹里然后在根组件中应用:<template> <div id="app"> <img src="./assets/logo.png"> <router-view> </rou原创 2018-06-12 13:05:35 · 149 阅读 · 0 评论 -
vue-cli与webpack的安装与应用 2018.6.12
来源:https://www.cnblogs.com/tjyoung/p/6832234.html 最近更新了webpack配置详解,可移步vue-cli webpack详解 对于Vue.js来说,如果你想要快速开始,那么只需要在你的html中引入一个<script>标签,加上CDN的地址即可。但是,这并不算是一个完整的vue实际应用。在实际应用中,我们必须要一系列的工具...转载 2018-06-12 09:42:53 · 867 阅读 · 0 评论 -
vue关于点击菜单高亮与组件切换
有两种一种是 使用router-link 这种直接可以用router-link-active 来写高亮样式 组件在路由跳转后 高亮依旧存在一种是:is的应用了 点击触发事件 事件改变currentView的值 可以直接改掉 :is 这个引入文件入口<template> <div class="index"> <div c...原创 2019-03-21 00:42:10 · 2686 阅读 · 0 评论