![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue.js
文章平均质量分 76
收集和记录,使用vue框架时的知识点!
橙子_tong
坚持很容易,放弃却很难。
展开
-
vue的生命周期图解
vue的生命周期函数及过程的简述:vue的生命周期函数,其实就是vm的生命周期; 创建:beforeCreate、created 挂载:beforeMount、mounted 更新:beforeUpdate、updated[ˌʌpˈdeɪtɪd] 销毁:beforeDestroy、destroyedvue的生命周期就是vue实例从创建,挂载,更新,销毁的过程;beforeCreate创建前,初始化的vue实例只有默认的事件和生命周期;beforeCreate和created之间...原创 2021-02-25 18:18:20 · 1628 阅读 · 0 评论 -
vuejs v-bind给元素添加属性
dsfsdfsdg原创 2020-12-11 14:38:14 · 4307 阅读 · 0 评论 -
vue.js 动态样式绑定的方法
Vue.js classclass 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。class 属性绑定1、绑定一个对象,动态的切换 class我们可以为 v-bind:class 设置一个对象,从而动态的切换 class:实例中将 isActive:true 显示了一个绿色的 div 块.原创 2020-11-24 17:11:00 · 5798 阅读 · 1 评论 -
vue中使用swiper并自定义分页器样式
一,安装swiper执行命令 npm install vue-awesome-swiper --save二,引入swiperimport {Swiper} from "vue-awesome-swiper";import "swiper/dist/css/swiper.css";三,去使用swiper,看代码。<template> <div cl...原创 2019-07-26 15:02:13 · 3522 阅读 · 1 评论 -
vue请求接口 --- vue-resourse和axios用法及区别
--- vue-resourse和axios区别: 用法:它其实就是我们vue请求里面的 this.$http.*** 和 this.axios.*** 功能特性:*** vue-axiosvue2.0之后,就不再对vue-resource更新,而是推荐使用axios。基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 Node.js 中...原创 2019-07-16 12:00:14 · 845 阅读 · 0 评论 -
node.js下载及安装
很久之前安装的 nodejs,今天熟悉一下它的下载及安装过程。以下内容仅限于windows环境。Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。视图如下:可以根据不同平台系统选择你需要的 Node.js 安装包。Node.js 历史版本下载地址:https://nodejs.org/dist/注意:Linux 上安装 N...原创 2019-05-10 14:36:04 · 440 阅读 · 0 评论 -
vue.js --- 配置环境、创建新项目
首先,介绍一下Vue.js的概念,它是什么?一定要配置vue的运行环境吗?Vue.js不是个全能的框架,因为它的作用只聚焦在视图层。可以理解为他是一个库,是一个提供尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 可以直接在html里引用,也就是说直接引入他的js文档,就可以在HTML文件中添加vue.js指令了,,在开发过程中,建议安装vue.js进行开发。...原创 2019-05-10 17:49:58 · 1041 阅读 · 0 评论 -
vuejs --- 父组件向子组件传值(父传子)
来看一下vue中的父组件向子组件传值的过程:首先,举个例子: 有子组件 ---- A.vue B.vue C.vue A.vue中有一个数组-》listArr,这个数组在B.vue 和 C.vue 中也要用到,每个页面都去写listArr数组,比较麻烦 那怎么用简单...原创 2019-05-22 17:11:34 · 3578 阅读 · 0 评论 -
vuejs --- 子组件向父组件传值(子传父)
子传父:顾名思义子组件向父组件传值,它属于事件传值 。我们来边看代码边注释:先看一下,子组件 -》注释:如图中所示,我们点击button这个按钮,触发了buttonDianji()这个事件,this.$emit() 该机制会向父组件传一个事件helloButton,其内容为逗号之后。并且去父组件-》找这个事件。下面,看一下父组件:到此,子传父,就完成了。:)...原创 2019-05-23 17:13:29 · 28268 阅读 · 3 评论