vue
文章平均质量分 90
Hyman-ya
这个作者很懒,什么都没留下…
展开
-
vue 第七天 Vuex的学习 以及 案例
目录vuex概述vuex基本使用vuex的案例----------------------------------- vuex概述1.1 组件之间共享数据的方式父向子传值:v-bind 属性绑定子向父传值:v-on 事件绑定兄弟组件之间共享数据: EventBus$on 接收数据的那个组件$emit 发送数据的那个组件1.2 vuexVuex 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享1.3 使用 Vuex 统一管理状态的好处能够在原创 2021-05-27 17:13:52 · 269 阅读 · 1 评论 -
vue 第六天 前端工程化 webpack 、babel 、vue单组件、vue脚手架、Element-ui
-------------- 模块化相关规范 ------------------1.1 模块化概述传统开发模式的主要问题命名冲突文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护1.2 浏览器端模块化规范AMDRequire.js (http://www.requirejs.cn/)CMDSea原创 2021-05-11 17:41:13 · 302 阅读 · 0 评论 -
vue 第五天 路由的基本使用;路由重定向(redirect);嵌套路由的做法(children);动态匹配路由(id,props,$route.params.id);命名路由;编程导航用法
--------------------- 基本概念与原理 ------------------------1.1 路由路由是一个比较广义和抽象的概念,路由的本质就是对应关系。在开发中,路由分为:后端路由概念:根据不同的用户 URL 请求,返回不同的内容本质:URL 请求地址与服务器资源之间的对应关系前端路由概念:根据不同的用户事件,显示不同的页面内容本质:用户事件与事件处理函数之间的对应关系实现简易前端路由基于URL中的hash实现(点击菜单的时候改变URL的hash,根据ha原创 2021-05-09 13:57:21 · 1613 阅读 · 0 评论 -
vue 第四天 Promise用户;then参数;fetch接口调用方法;axios插件;async/await 用法
1.1 接口调用方式原生 ajax基于 jQuery 的ajaxfetchaxios这里可以返回一个完整的HTML页面;也可以只返回特定格式的数据,比如json1.2 URL 地址格式1. 传统形式的 URL格式:schema://host:port/path?query#fragmentschema:协议。例如http、https、ftp等host:域名或者IP地址port:端口, http默认端口80,可以省略path:路径, 例如/abc/a/b/cquery :查原创 2021-05-07 22:42:31 · 1184 阅读 · 0 评论 -
vue 第三天 组件化开发
------------------ 组件化开发思想 -------------------1.0 组件化规范: Web Components我们希望尽可能多的重用代码自定义组件的方式不太容易(html、css和js)多次使用组件可能导致冲突官网:https://developer.mozilla.org/zh-CN/docs/Web/Web_Components而 Vue部分实现了上述规范------------------ 组件注册 -------------------原创 2021-04-30 20:06:55 · 128 阅读 · 2 评论 -
vue 第二天 表单操作;自定义指令;计算属性;侦听器;过滤器;生命周期;数组相关的API
----------------- 5.1 常用特性概览 ---------------------表单操作自定义指令计算属性侦听器过滤器生命周期5.2 表单操作1. 基于Vue的表单操作Input 单行文本 (就是 v-model ) <input type="text" v-model='uname'> textarea 多行文本 (就是 v-model ) <textarea v-model='desc'></原创 2021-04-29 22:53:39 · 220 阅读 · 2 评论 -
vue 第一天
------------------ 1. Vue概述 --------------------Vue:渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建易用:熟悉HTML、CSS、JavaScript知识后,可快速上手Vue灵活:在一个库和一套完整框架之间自如伸缩高效:20kB运行大小,超快虚拟 DOM官网:https://cn.vuejs.org/v2/guide/------------------ 2. Vue基本使用 ---------原创 2021-04-28 23:30:33 · 76 阅读 · 0 评论 -
Vue 代码 总结
------------------- Vue 基础代码 -------------------el: (元素的挂载位置(值可以是CSS选择器或者DOM元素))data: (模型数据(值是一个对象))------------------- Vue 指令 -------------------v-cloak (解决‘闪动’的问题)v-text (填充纯文本)v-html (填充HTML片段)① 存在安全问题② 本网站内部数据可以使用,来自第三方的数据不可以用v-pre (填充原创 2021-04-28 23:29:41 · 933 阅读 · 1 评论