随笔分类 - Vue
摘要:在写vue项目的时候,组件间通信是十分重要的 举个例子 这是一个header组件,点击登录会弹出login组件 login组件是集成在header组件里面的,也就是说header是login的父组件 在header组件中是通过showLogin变量来控制login组件是否显示的 我的需求是点击登录显
阅读全文
摘要:<el-table :data="filmList.result"> <el-table-column prop="id" label="编号" width="140"/> <el-table-column prop="title" label="书名" width="120"/> <el-tabl
阅读全文
摘要:【一】setup函数 setup函数的设计是为了使用vue3的组合式api,setup函数必须要有返回值,在里面定义的变量必须要返回出去才能在html里面使用 【1】定义变量 setup() { // 1.定义变量 跟正常写js是一样的 let name = 'hqq' let age = 18 /
阅读全文
摘要:【一】Vue-router介绍 vue-router是vue的页面的链接路径管理系统。由于Vue开发时对路由支持不足,于是官方补充了vue-router插件。vue的单页面应用(SPA)是基于路由和组件的,路由用于设定访问路径,并且将路径和组件映射起来。 传统的页面应用是用一些超链接来实现页
阅读全文
摘要:【一】了解Vuex 【1】想象一个场景 如果你的项目里有很多页面(组件/视图),页面之间存在多级的嵌套关系,此时,这些页面假如都需要共享一个状态的时候,此时就会产生以下两个问题: 多个视图依赖同一个状态 来自不同视图的行为需要变更同一个状态 【2】解决方案 对于第一个问题,假如是多级嵌套关系,你
阅读全文
摘要:Props介绍 Props作为组件的核心特性之一,也是我们平时开发Vue项目中接触最多的特性之一,它可以让组件的功能变得丰富,也是父子组件通信的一个渠道。 【1】普通传值 在组件的标签上自定义属性,用属性绑定给改自定义属性绑定一个变量,组件内部定义props数组,将自定义的属性名填入,即可在组件内使
阅读全文
摘要:ES6常用语法总结 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当
阅读全文
摘要:【一】初识Vue 【1】什么是Vue Vue 是一套用于构建用户界面的渐(逐渐)进(递进)式 JavaScript 框架 Vue 可以自底向上逐层应用,由国人尤雨溪开发 采用组件化模式,提高代码的复用率、让代码更好维护 声明式编码方式,让编码人员无需直接操作 DOM,提高开发效率 使用虚拟DOM +
阅读全文