#vue路由传参

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 内置指令

1、v-ifv-else-ifv-else<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>vue示例</title></head><body>&...
代码星球 ·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、示例代码<!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笔记:Vue3配置axios跨域

 实现跨域共3个步骤:1,vue3.0根目录下创建vue.config.js文件;module.exports={devServer:{proxy:{'/api':{target:'https://you.163.com/',//接口域名changeOrigin:true,//是否跨域ws:true,//是否...

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

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

Vue笔记:Vue中使用mockjs

 前言  前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模拟数据返回,此时需要使用到mockjs。安装npminstallmockjs--save-dev目录结构  ...
代码星球 ·2021-02-14

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

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

Vue笔记:引入animate.css

转载:https://www.cnblogs.com/cbpm-wuhq/p/12753312.html在命令行中执行:npminstallanimate.css--savemain.js中:importanimatedfrom'animate.css'//npminstallanimate.css--save安装,在...
代码星球 ·2021-02-14
首页上一页...1617181920...下一页尾页