小渣渣0509的博客

第一种：（最简单的绑定）1.绑定单个classhtml部分： <div :class="{'active':isActive}"></div>js部分：判断是否绑定一个activedata() { return { isActive: true }; }结果渲染为：<div class="active"></div>2.若要绑定多个class，需要逗号隔开就行：（这里的activeTwo加不加引号都可以，也

1、Vue总结：vue的使用方式有两种 方式一:像jQuery一样引入使用--vue的特性都可以使用，双向数据绑定 方式二：跟node结合起来使用，使用的时候有点像java语言（面向对象）

vue中的watch监听1. 通过 watch 监听 data 数据的变化，数据发生变化时，就会打印当前的值watch: { data(val, value) { console.log(val) //变化之前的值 console.log(value) //变化之后的值 }}2. 通过 watch 监听 list 数据的变化，数据发生变化时，this.number++（使用深度监听）data（） { ret

vue项目中 v-if和v-show的区别最全解析vue项目中有时候需要控制“条件渲染”，很多时候都是通过v-if或者v-show来控制的，有关二者的区别我想很多人都知道，但是最近做项目发现项目组中不少同志都搞不清，几乎都是乱用，出了问题，还判断不出来问题出在哪里。现在就简单讲讲这两个东西的区别。一、功能区别两个都能实现控制显示和隐藏，但是本质上有巨大的区别：1.1 v-showv-show严格意义上说“条件隐藏”。浏览器首先不管三七二十一，把HTML元素先渲染起来，符合条件就显示，不符合条件di

router-view 实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。通过路由跳转的三种方式1、router-link 【实现跳转最简单的方法】<router-link to='需要跳转到的页面的路径>浏览器在解析时，将它解析成一个类似于 < a > 的标签。#div和css样式略 <li > <router-link to="keyframes

Vue的双向绑定原理Vue采用数据劫持结合发布者-订阅者模式的方法，通过Object.defineProperty()来劫持各个属性的setter,getter属性，在数据变动话，通知订阅者，触发更新回调函数，重新渲染视图关键元素observer 实现对vue各个属性进行监听function observer(obj, vm){ Object.keys(obj).forEa...

Vue3.0的一些新功能首先安装npm install -g @vue/cli安装完成后查看版本vue --V创建项目关于项目创建，除了命令创建3.x还增加了图形化界面创建以及管理vue项目在创建新项目时还可以混合选用多种集成TypeScriptPWAVue Router & VuexESLint / TSLint / Prettier用 Jest 或 Moch...

Vue的生命周期Vue生命周期2.0和1.0差别还是有一点的，生命周期的博客文章百度也是很多。不说别的咱这简单罗列 一共八个，下边一一介绍beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroyDestroyedVue生命周期2.0和1.0差别还是有一点的，生命周期的博客文章百度也是很多。不说别的咱这简单罗列 一共...