随笔分类 - vue
前端知识
摘要：Vue3 关于前端设置页面参考 gitee.com/liuqingzheng/vue_admin vue3介绍 关于vue项目的版本，新项目使用vue3，有部分老项目使用vue2。 vue3的变化 1.性能的提升 -打包大小减少41% -初次渲染快55%, 更新渲染快133% -内存减少54% 2.
阅读全文
摘要：Vue高级 1. ref 属性 实现父子组件通信 自定义属性和自定义事件可以实现父子传值，同时ref也可以实现。 1.ref写在普通标签上，通过this.$refs.myinput拿到的标签的dom对象 通过this.$refs可以拿到标签上写了ref属性的标签，对象属性key值是ref对应的val
阅读全文
摘要：Vue插件 1. vuex 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 Vuex工作流程图如下 state：存数据的地址 actions：服务员，中转站 mutations：厨师
阅读全文
摘要：Vue第三方框架之ElementUi 1. 热门组件库 使用第三方插件 插件和库：https://github.com/vuejs/awesome-vue#components--libraries PC框架 常用是element UI和 iview element UI官网 iview官网 ele
阅读全文
摘要：vue-cli创建项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统. 前端项目，使用工具(vue-cli)创建vue项目，单页面应用spa,组件化开发把xx.vue,ts,saas,less 编译后在浏览器中执行 vue-cli 创建项目开发--项目开发 编译(纯的html/j
阅读全文
摘要：与后端交互 与后端交互统一使用json编码格式 与后端交互涉及到跨越问题和如何处理跨越问题？ 当前端发送请求，后端响应了，但是前端还是报错，这是因为：跨域问题的存在，浏览器检测到前端和后端不是来自同一个域，所以认为这是不安全的，所以就拦截了该资源的传递 想要解决这个问题，就要实现：CORS，也就是
阅读全文
摘要：node环境搭建 Vue-CLT项目搭建，vue相当于脚手架，可以创建vue项目。vue脚手架必须要按照node js解释型语言。 1.nodejs是一门后端语言 2.JavaScript只能运行在浏览器中，因为浏览器中有他的解释器环境 3.基于谷歌浏览器的v8引擎(js解释器)，使它能够运行在操作
阅读全文
摘要：购物车案列 --vue-day04 1. 选中checkbox,就赋值给标签 先定义一个空数组（checkGroup:[],），再绑定 <td><input type="checkbox" v-model="checkGroup" :value="item" ></td> 2. 定义一个标签显示选中
阅读全文
摘要：vue生命周期 官方的生命周期图 简易图 从vue实例创建开始直到实例被销毁，总共经历了8个生命周期钩子【只要写了就会执行】函数 钩子：反序列化验证 》钩子函数 学名[专门名字] 》面向切面编程(AOP) OOP:面向对象编程 # 重点 1 用的最多的，created 发送ajax请求 》有的人放在
阅读全文
摘要：Vue的基础操作 vue的样式 element js的几种循环方式 v-for可以循环的变量 js可以循环数组、对象、字符串、数字。 | 循环对象 | 例子 | | | | | 数组：l:[11,22,33,44,55] | <span v-for="item in l"> {{item}}</sp
阅读全文
摘要：Vue vue知识简化图 前端发展史 # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -ECMAScript
阅读全文
