随笔分类 -  Vue合集

摘要：一、Vue的生命周期和生命周期的四个阶段 1、生命周期 一个Vue实例从创建到销毁的过程。 2.生命周期的四个阶段 （1）创建 ：做一些初始化操作，Vue将普通数据转化为响应式数据； （2）挂载：渲染模板，结合对应的数据渲染到视图，看到页面的渲染完成则可以认为已经完成了（1）（2）两个阶段； （3） 阅读全文

摘要：在 Vue.js 中，watch 选项用于监视数据的变化，并在数据变化时执行相应的操作。watch 可以监视一个或多个数据的变化，当被监视的数据发生变化时，可以触发预定义的回调函数。 一、简单写法 <textarea name="" id="" cols="30" rows="10" v-model 阅读全文

摘要：Vue.js 中的计算属性是基于它的响应式系统来实现的，它可以根据 Vue 实例的数据状态来动态计算出新的属性值。在 Vue 组件中，计算属性常用于对数据进行处理和转换，以及动态生成一些需要的数据。 一、使用方式 1.定义计算属性： 在Vue组件中，通过在 computed 对象中定义计算属性名称及 阅读全文

摘要：在做Vue项目时，需要在路由跳转的时候做些什么，普遍需求就是登录验证，vue-router提供了导航守卫。 导航守卫分为全局导航守卫和局部导航守卫。 全局导航守卫：router.beforeEach 当从一个路由跳转到另一个路由的时候触发此守卫，这个守卫也叫全局前置守卫，所以它是跳转前触发的。任何路 阅读全文

摘要：什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 人为理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vuex？ 我们知道组件之间是独立的，组件之间想要实现 阅读全文

摘要：一.渲染 1. {{}}双大括号插值语法 2. v-text 3. v-html 二、条件渲染 1. v-if 2. v-if v-else 3. v-show 4.v-if 和v-show 的区别：v-if 为 false 时此元素不存在 v-show 为 false 时 此元素为display 阅读全文

摘要：1. 用new关键字实例一个Vue的实例，可以在控制台输出一下此这个实例 2. el ：指定Vue操作的范围，值是一个dom节点，一般用Id选择器 3. data ：vue中model的数据的存放位置，属性是一个对象或函数 4. methods ：存放事件或方法 阅读全文