随笔分类 - Vue框架学习
摘要:Vue路由学习 目标 1. 路由概念学习 2. Vue-router基本使用 3. Vue-router嵌套路由 4. Vue-router动态路由 5. Vue-router路由命名 6. Vue-router编程是导航用法 7. 基于路由的方式实现业务功能 一、路由概念 1.1、前端路由: 概念
阅读全文
摘要:Vuex学习 又名我们村有电话了 一、Vuex概述 1.1、回顾组件之间共享数据方式 父向子传值:v-bind属性绑定 传递+ props 接收 子向父传参:v-on事件绑定 兄弟间传参:事件中心 接收方:$on 发送方:$emit 1.2、Vuex是什么 Vuex是实现组件全局状态(数据)管理的一
阅读全文
摘要:一、Vue组件注册 1、全局组件注册 语法: Vue.component(组件名称,{ data:组件数据, //data必须是一个函数,希望形成一个闭包环境 template:组件模板内容 //template 内容必须有一个根元素,内容可以是模板字符串`` //methods //可以实现数据的
阅读全文
摘要:一:事件绑定 1.事件绑定 A:v-on:事件=“函数” B:@事件=“函数” C:事件处理函数写在methods 二.事件对象event event代表当前事件对象的信息 第一种: 无参数不加小括号调用方式直接使用event 第二种:有参数小括号传参调用方式 三:事件修饰符 1.事件冒泡 从内到外
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css" /> </head> <body> <!-
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <h1>简易计算器</h1> <div> <span>数值A</span> <span> <input
阅读全文

浙公网安备 33010602011771号