vue

Vue props 单向数据流

1、props通信注意:DOM模板的驼峰命名props要转为短横分割命名。<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>Vue</title></head>...
代码星球·2021-02-14

Vue 组件通信(子组件向父组件传递数据)

1、自定义事件<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>Vue</title></head><body><divid="app"&g...

Vue 组件与复用

(1)全局注册<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>Vue</title></head><body><divid="app"&g...
代码星球·2021-02-14

Vue 表单

1、v-modelv-model不再关心初始化的value值。<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>购物车示例</title></head><...
代码星球·2021-02-14

VUE购物车示例

代码下载地址:https://github.com/MengFangui/VueShoppingCart1、index.html<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>购物...
代码星球·2021-02-14

VUE 方法

1、$event变量$event变量用于访问原生DOM事件。<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>vue示例</title></head><...
代码星球·2021-02-14

VUE 数组更新

1、数据方法分类:(1)原数组改变pushpopunshiftshiftreversesortsplice(2)原数组未变,生成新数组sliceconcatfiltermap 对于使原数组变化的方法,可以直接更新视图。对于原数组未变的方法,可以使用新数组替换原来的数组,以使视图发生变化。示例代码:<!D...
代码星球·2021-02-14

VUE v-bind绑定class和style

1、绑定class(1)对象语法<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>vue示例</title></head><body><di...

VUE 内置指令

1、v-ifv-else-ifv-else<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>vue示例</title></head><body>&...
代码星球·2021-02-14

VUE 计算属性

1、示例代码<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>vue示例</title></head><body><divid="app"&...
代码星球·2021-02-14

VUE 数据绑定

1、数据双向绑定<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>vue示例</title></head><body><divid="app...
代码星球·2021-02-14

VUE 介绍

1、概述简单小巧:vue.js压缩后17k。渐进式:一步一步有阶段性的使用。 2、MVVM模式View的变动,自动更新至ViewModel,反之亦然。 3、vue示例代码<!DOCTYPEhtml><htmllang="zh"><head><metachar...
代码星球·2021-02-14

Vue笔记:封装Echarts

 Echart.vue组件的封装data中是固定属性,props中定义动态参数,是父组件获取数据时传递到子组件的参数,xData为横坐标轴数据,series为Echarts的series数据,isAxisChart为是否带有坐标轴。<template><divref="echart">...
代码星球·2021-02-14

vue笔记:vue组件的生命周期

  vue组件的生命周期Vue实例有一个完整的生命周期,从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会。  在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对...

Vue笔记:Vue制作个人简历并使用Nginx部署

 一、实现效果项目使用Vue3+ElementUI+BootStarpGithub地址:https://github.com/Angell1/CV测试页面:http://123.207.251.121:8888/环境:  部署1、Vue打包npmrunbuild注意:我使用vue3,所以自...