Vue中的条件渲染 JS

Vue中的条件渲染

vue中的条件渲染是怎么用的?都有哪些指令呢?在vue中条件渲染都有哪些机制,以及可以达到同样需求的语法有哪些区别呢? v-if 与v-show <div id="app"&...
阅读全文
Vue中的样式绑定 JS

Vue中的样式绑定

在开发的过程中我们需要对一些dom元素添加一些样式,那么在vue中我们要如何给dom绑定样式呢?我们先通过一个实例来了解一下,本文通过三种方法来实现: 效果图: class的对象绑...
阅读全文
Vue中计算属性的setter和getter JS

Vue中计算属性的setter和getter

通过前面的文章:初识Vue中计算属性,方法以及侦听器  我们可以发现计算属性的强大,本篇文章带我们一起来深入了解一下计算属性的setter和getter,我们先来看一个基础的vue...
阅读全文
初识Vue实例的生命周期钩子 JS

初识Vue实例的生命周期钩子

学习vue的过程中,有一个重要的知识点,那就是生命周期钩子,vue官方提供了一张生命周期的图示,通过这张图示我们可以很容易的学会生命周期函数。 那么什么是生命周期函数呢?生命周期函...
阅读全文
Vue之组件间的传值 JS

Vue之组件间的传值

上一篇文章中的实例用到了子组件向父组件传值的方法,这篇文章通过todolist的实例来说一下子组件向父组件传值和父组件向子组件传值的方法,以及最终实现点击todolist添加的内容...
阅读全文
Vue组件化思想修改todolist JS

Vue组件化思想修改todolist

一个页面有很多部分组成,比如:轮播以及内容区域等等,如果我们把业务逻辑都写在一个页面的话,不利于维护,组件相当于页面的一个部分,一个页面可以切割为很多部分,这样可以提高代码的可维护...
阅读全文
Vue实现一个todolist项目 JS

Vue实现一个todolist项目

在官网看了vue的一些语法以及组件相关的知识,但是就那样看感觉效果不好,根本记不住,知识点串不到一起,于是试着去实现了一个简单的todolist,通过组件的方式来实现,并且整合了e...
阅读全文