![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
南风不竸
指掀涛澜天下惊,抚筝百载,清绝吾命。挑弦一曲与谁听,昂首万里,江山无人!
展开
-
vue父子组件之间的通信
在vue组件通信中其中最常见通信方式就是父子组件之中的通性,而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数据给子组件使用,遇到业务逻辑操作时子组件触发父组件的自定义事件。无论哪种组织方式父子组件的通信方式都是大同小异。父组件到子组件通讯父组件到子组件的通讯主要为:子组件接受使用父组件的数据,这里的数据包括属性和方法(String,Nu...转载 2019-03-18 15:02:41 · 139 阅读 · 0 评论 -
Vuejs computed get set 计算属性
直接看代码吧```<template> <div id="example"> <!-- 设置计算属性的绑定字段,即reversedMessage的计算属性绑定到此输入框 --> <!-- 输入框中内容变化会调用相应的getter, setter计算属性 --> <input v-model="reversedM...原创 2019-05-07 16:50:03 · 128 阅读 · 0 评论 -
vue.js的computed,filter,get,set的用法及区别
1、vue.js的computed方法:处理复杂逻辑,基于依赖缓存,当依赖发生改变时会重新取值。用methods也可以实现同样的效果,但methods在重新渲染的时候会重新调用执行,在性能上computed优于methods,当不需要缓存时可用methods。实例1:computed和methods实现翻转字符串[html]view plaincopy<templat...转载 2017-09-05 18:38:35 · 2830 阅读 · 0 评论 -
Vuejs computed set get计算属性
直接贴代码,看注释<template><div id="example"><!-- 设置计算属性的绑定字段,即reversedMessage的计算属性绑定到此输入框 --><!-- 输入框中内容变化会调用相应的getter, setter计算属性 --><input v-model="reversedMessa...原创 2017-09-05 18:39:54 · 3688 阅读 · 0 评论 -
VUE安装及项目初始化
# 全局安装 vue-cli$ cnpm install --global vue-cli# 创建一个基于 webpack 模板的新项目vue-test$ vue init webpack vue-test# 进入项目目录,安装项目依赖$ cd vue-test$ cnpm install# 以Dev模式启动项目,即开发模式$ npm run de...原创 2017-09-05 18:49:06 · 1045 阅读 · 0 评论 -
Vue项目结构预览
部分文件夹及文件作用如下:Build: 存放项目最终生成的文件Config: 存放项目配置文件node_modules: npm install 生成的项目依赖包src: 项目源文件目录,此目录下又分assets,components,router三个目录和main.js, App.vue两个文件,各自作用如下:assets:存放项目中使用到的图片,如本例则是项目启...原创 2017-09-05 18:50:56 · 378 阅读 · 0 评论 -
VUE单文件组件之间调用
现有2个vue单文件组件,Vif.vue和Vbind.vue,要在Vif.vue中调用Vbind.vue。Vif.vue代码如下:<template><divid="app-3"><pv-if="seen">现在你看到我了</p><vbind></vbind></div>&l...原创 2017-09-05 18:52:27 · 3537 阅读 · 0 评论 -
Vue-cli创建vue项目以及配置文件梳理
介绍vue-cli是vue提供构建单页应用的脚手架。它能够帮助开发者快速的创建vue项目。这篇文章主要介绍如何使用vue-cli,以及它创建的vue项目结构。还有就是对于build目录下的配置文件进行一些梳理总结。安装vue-cli安装vue-cli十分简单,执行下面的命令即可npminstall-g vue-cli之后可以通过vue list来查看可以使用哪些模板...转载 2019-05-07 16:33:00 · 607 阅读 · 0 评论 -
vue全局使用axios的方法
在vue项目开发中,我们使用axios进行ajax请求,很多人一开始使用axios的方式,会当成vue-resoure的使用方式来用,即在主入口文件引入import VueResource from 'vue-resource'之后,直接使用Vue.use(VueResource)之后即可将该插件全局引用了,所以axios这样使用的时候就报错了,很懵逼。仔细看看文档,就知道axios 是一个基...转载 2019-05-07 15:59:25 · 316 阅读 · 0 评论 -
vue中用async/await 来处理异步
用async/ await来发送异步请求,从服务端获取数据,等待获取数据,然后处理数据。methods: { async generateData (){ let _result = await getProductslist() this.datalist = _result.data let _arr = this.datalist....转载 2019-03-26 10:54:59 · 4444 阅读 · 0 评论 -
vue cli3 项目配置
【转】https://juejin.im/post/5c63afd56fb9a049b41cf5f4基于vue-cli3.0快速构建vue项目本章详细介绍使用vue-cli3.0来搭建项目。 本章使用vue-cli3.0构建的项目是基于webpack的模板文件,构建后的项目属于单页面(SPA)应用。因此,该文档后续操作与说明不适用于构建一个多页面应用。相比于之前有如下优点:功能...转载 2019-05-07 16:58:53 · 246 阅读 · 0 评论