vue
vue父子组件的传值总结
久违的博客园我又回来了。此篇文章写得是vue父子组件的传值，虽然网上已经有很多了。写此文章的目的就是记录下个人学习的一部分。接下来我们就进入主题吧！在开发vue项目中，父子组件的传值是避免不掉的。情况一：父组件给子组件传值方法，使用props父页面：parent.vue1<template>2<div...
vue初始化模板套用
一、 代码如下：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-sc...
六、vue cli 调试
1、DebuggerforChrome插件2、配置vue.config.js文件(如果没有，在根目录下新增一个)module.exports={configureWebpack:{devtool:'source-map'}};3、配置babel.config.js文件module.exports={"env":{"de...
四、vuex的使用
通过const state定义变量方式，在new Vuex.Store是引用的写法1、main.js//sotre中的变量为所有组件共享变量,即全局变量importVuefrom'vue';//引用vueimportVuexfrom'vuex';//引用vuexVue.use(Vuex);//使用v...
vue 的点击事件怎么获取当前点击的元素
手机赚钱怎么赚,给大家推荐一个手机赚钱APP汇总平台:手指乐(http://www.szhile.com/),辛苦搬砖之余用闲余时间动动手指,就可以日赚数百元 首先vue的点击事件是用@click=“clickfun()”属性在html中绑定的,在点击的函数中添加$event参数就可以...
vue计算属性详解——小白速会
一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<divid="example">{{message.split('').reverse().join('')}}</div>这里的表达式包含3个操作，并不是很清晰，...
vue组件通信的几种方式
最近用vue开发项目，记录一下vue组件间通信几种方式第一种，父子组件通信一.父组件向子组件传值1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性 child.png3.在App.vue中注册Chil...
基于vue-cli 引入iview ui
适合小白用来上手;iViewUI引入分为两种方式：一种是全局引用，另一种是按需引用。与ELEMENTUI引入方式雷同。不管是哪一种的都需要第一步安装。(假设看此篇文章的你已经搭建好vue-cli)1、安装：cnpminstalliview--save 方式一：全局引用在main.js文件配置：importiV...
vue-less
在vue项目中使用less,正常构建好项目以后这时，会发现有报错，因为项目中没有lessloader去解析less所以我们安装less的依赖包npminstalllessless-loader--save 安装之后还需要手动在webpack.config文件上，进行配置{test:/.less$/,loader:"s...
vue-响应式原理
varvm=newVue{el:"#app",data:{obj:{name:"aaa"}}} 有三个解决办法：1、方案一：利用Vue.set(object,key,value)Vue.set(vm.obj,"sex","man")2、方案二：利用this.$set(this.object,key...
vue入门知识点
最近入坑vue做一点小的记录有不对的辛苦指出会第一时间更改上新vue不兼容ie8及以下这里有个博客详细记录了vue不兼容ie8的原因vue的核心Object.defineProperty详解戳这里0.利用vue-cli构建项目新建一个目标文件夹，全局安装vue-cli脚手架工具（全局安装一次即可）npminstall-...
Vue面试中，经常会被问到的面试题/Vue知识点整理
看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。（都是一些基础的vue面试题，大神不用浪费时间往下看）MVVM是Model-View-ViewMod...
IntellIJ IDEA 配置 Vue 支持
IDEA版本：IntelliJIDEA2017.2Build#IU-172.3317.76,builtonJuly15,2017LicensedtoAdministratorJRE:1.8.0_152-release-915-b5amd64JVM:OpenJDK64-BitServerVMbyJetBrainss.r....
如何运行vue项目（从gethub上download的开源项目）
前提：入坑vue.js，从GitHub上download一个vue.js的开源项目，发现不知如何在浏览器运行，通过查阅网上教程，发现网上的很多是教你怎么新建项目，并没有一个是教如何打开已有的项目。自已折腾了一下，成功搭建好项目环境，最终调试成功。现在将过程分享给大家。首先，这个教程主要针对vue小白，并且不知道安装no...
手把手教你搭建 vue 环境
1.1如果本机没有安装node运行环境，请下载node安装包进行安装1.2如果本机已经安装node的运行换，请更新至最新的node版本下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/为了快乐的使用命令行，我们推荐使用gitbas1.1下载git并安装下...
