随笔分类 -  Vue框架学习

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