随笔分类 - VUE
摘要：Vue3 与vue2的区别 1.性能的提升 打包大小减少41%,初次渲染快55%, 更新渲染快133%,内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式,重写虚拟DOM的实现和Tree-Shaking 3.拥抱TypeScript Vue3可以更好的支持Typ
阅读全文
摘要：父传子 props其他使用方法 // 第一种形式（数组） props: ['myname'] // 第二种形式 (对象) props: {name:String} // 第三种方式(对象携带默认值) export default { name: 'HelloWorld', props: {mynam
阅读全文
摘要：vue-cli创建项目 需要提前配置好nodejs环境，vue-cli是一个工具，使用nodejs编写，如果想要运行就必须要node环境。 浏览器默认只能识别js,html,css 语言 vue-cli 创建出的vue项目，并把xx.vue ,ts,等等编译成 html, js ,css。 创建vu
阅读全文
摘要：组件 组件有自己的html,css,js,数据，事件。 在组件中，this指当前组件。 父子组件的data是无法共享的 全局组件与局部组件的data()是个函数必须要返回值 一，组件间通信之父传子 子组件接收父组件需要在 子组件的props=[]注册 我们知道组件间的数据是不共享的，我们需要进行数据
阅读全文
摘要：v-model进阶操作 lazy等待input框的数据绑定失去焦点时在变化。 number 数字开头只保留数字，后面的字母不要，字母开头，都保留 trim去除首尾空格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery
阅读全文
摘要：一，js循环方式 测试 1.循环数组 <h2>v-for 循环数组</h2> <span v-for="item in l">{{item}}</span> 2.循环数组带索引 <h2>循环数组带索引</h2> <span v-for="(item,index) in l">索引位{{index}}
阅读全文
摘要：VUE框架 一,前端发展史 1、HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 **2、**Ajax的出现 -> 后
阅读全文
