摘要: Vue-Cli 零、前言 如果你在开发大型项目,那么你需要,并且必然需要使用Vue Cli。使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动完成这些工作,那无疑效率比较低效,所以通常我们会使用一些脚手架工具来帮 助完成这些事 阅读全文
posted @ 2020-11-26 10:45 旺仔木子李 阅读(627) 评论(0) 推荐(0) 编辑
摘要: 模块化开发 传统开发模式的主要问题 1.命名冲突 2.文件依赖 解决方案: 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块。 模块化开发的好处: 方便代码的重用,从而提升开发效率,并且方便后期的维护 ES6模块化规范中定义 阅读全文
posted @ 2020-11-26 10:20 旺仔木子李 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 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 旺仔木子李 阅读(175) 评论(0) 推荐(0) 编辑
摘要: Vuex学习 又名我们村有电话了 一、Vuex概述 1.1、回顾组件之间共享数据方式 父向子传值:v-bind属性绑定 传递+ props 接收 子向父传参:v-on事件绑定 兄弟间传参:事件中心 接收方:$on 发送方:$emit 1.2、Vuex是什么 Vuex是实现组件全局状态(数据)管理的一 阅读全文
posted @ 2020-11-06 09:26 旺仔木子李 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 一、Vue组件注册 1、全局组件注册 语法: Vue.component(组件名称,{ data:组件数据, //data必须是一个函数,希望形成一个闭包环境 template:组件模板内容 //template 内容必须有一个根元素,内容可以是模板字符串`` //methods //可以实现数据的 阅读全文
posted @ 2020-11-02 14:31 旺仔木子李 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 一:事件绑定 1.事件绑定 A:v-on:事件=“函数” B:@事件=“函数” C:事件处理函数写在methods 二.事件对象event event代表当前事件对象的信息 第一种: 无参数不加小括号调用方式直接使用event 第二种:有参数小括号传参调用方式 三:事件修饰符 1.事件冒泡 从内到外 阅读全文
posted @ 2020-09-28 19:47 旺仔木子李 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-09-25 09:04 旺仔木子李 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 后台下载码云: 第一步: 第二步: 第三步: 第四步: 第五步: 第六步: 第七步: 第八步: 第九步: 第十步: 第十一步: 前台项目码云下载: 第一步: 第二步: 第三步: 第四步: 第五步: 第六步: 第七步: 第八步: 第九步: 第十步: 阅读全文
posted @ 2020-09-25 08:57 旺仔木子李 阅读(243) 评论(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 旺仔木子李 阅读(252) 评论(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 旺仔木子李 阅读(107) 评论(0) 推荐(0) 编辑