Vue__基础
文章平均质量分 89
Vue__基础
风轻轻~
前端开发工程师
展开
-
Vue - 组件重新渲染的两种方式
属性,然后在需要重新渲染的时候,将组件绑定的。// 从 DOM 中删除 child 组件。// 在 DOM 中添加 child 组件。"子组件方法执行了,获取父组件的id:"如果想让组件重新渲染,只需要给组件加上。原创 2023-05-18 14:34:00 · 6630 阅读 · 0 评论 -
Vue - 如何搭建一个Vue项目
如何搭建一个vue项目一、安装node环境**二.搭建vue项目环境一、安装node环境**1、下载地址为:https://nodejs.org/en/2、检查是否安装成功:输入以下命令,正确输出版本号说明成功:node -vNpm-v二.搭建vue项目环境1、全局安装vue-cli,命令行中输入以下命令: npm install --global vue-cli2、进入...............原创 2019-12-12 16:57:15 · 272 阅读 · 0 评论 -
Vue - 样式绑定
实现功能:点击一次字体变颜色,再点一次字体恢复默认颜色一. class 选择器的对象绑定1. 对象方式2. 数组方式二. style 样式绑定1. 对象方式2. 数组方式一. class 选择器的对象绑定1. 对象方式控制 class 选择器对象的是否展示来控制 css 样式<template> <div class="wrap"> <div @click="handleClickOne" :class="{activated:isActivated}"&g原创 2020-07-27 10:45:03 · 177 阅读 · 0 评论 -
Vue - 条件渲染
Vue 中条件渲染一. v-if 和 v-show二. v-if 和 v-else三. v-if、v-else-if 和 v-else四. 条件渲染,key 值的使用一. v-if 和 v-showv-if :当 isShow 为 false 时,内容不存在Dom中,内容是不存在的,v-show :当 isShow 为 false 时,内容存在Dom中,是存在的,只是内容被设置 display:none当频繁进行展示与隐藏的时候,推荐使用 v-show<template> &l原创 2020-07-28 09:18:24 · 105 阅读 · 0 评论 -
Vue - 详解路由跳转及路由传参问题
在Vue中路由跳转有四种方式router-linkthis.$router.push() (函数里面调用)this.$router.replace() (用法同push)this.$router.go(n)一. 不带参路由跳转1. router-link路由配置{ path: '/home',name: 'home',component: ()=>import('@/components/router/Home.vue') },{ path: '/index',n原创 2020-05-17 14:53:20 · 2175 阅读 · 1 评论 -
Vue - 计算属性,侦听器的使用
在Vue中,模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 下面来简单讲解一下computed计算属性,watch侦听器的使用。一. Vue 侦听器(watch) 侦听器是用来检测数据变化从而添加原创 2020-05-14 15:23:50 · 353 阅读 · 0 评论 -
Vue - 深入使用计算属性 —— setter 和 getter
在一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,只要最终返回一个结果就可以。 每一个计算属性都包含一个 getter 方法和一个 setter 方法。一. 如果计算属性后面直接是一个 function函数,使用的就是计算属性的方法 getter 来读取。<template> <d原创 2020-05-14 16:49:13 · 2266 阅读 · 0 评论