随笔分类 -  vue

Vue3项目相对Vue2发生的变化
摘要：Vue3项目相对Vue2发生的变化 Vue3简介 性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking 拥抱TypeScript Vue3可以更好的 阅读全文
posted @ 2023-02-22 16:37 leethon 阅读(173) 评论(0) 推荐(0)
Vue数据存储及vuex状态管理
摘要：Vue数据存储及vuex状态管理 我们想要往浏览器客户端存储数据，有三种方式： localStorage —— 存储到本地，浏览器重新开数据还存在 sessionStorage —— 存储到浏览器应用，浏览器关闭数据就消失 cookie —— 存储到本地的cookie，但是有失效时间，且vue中要借 阅读全文
posted @ 2023-02-21 21:11 leethon 阅读(930) 评论(0) 推荐(1)
Vue路由插件使用 -- vue-router
摘要：Vue路由插件使用 -- vue-router 路由插件可以在创建项目时就在手动配置时下载安装。 如果没有创建时没有下载，那也可以用npm或cnpm安装。 npm install vue-router@4 路由设置与路由分发 router/index.js设置路由 创建vue项目时如果安装了rout 阅读全文
posted @ 2023-02-21 20:31 leethon 阅读(173) 评论(0) 推荐(0)
Vue插件plugins以及ui插件的使用
摘要：Vue插件plugins以及ui插件的使用 插件的使用结构 我们可以在src文件夹下新建plugins包，在内部写js代码插件，如plugins/index.js，插件的作用就是将涉及Vue实例对象的js代码分离到一个js文件中，在导入后能够通过use方式直接执行。 // plugins/index 阅读全文
posted @ 2023-02-21 19:14 leethon 阅读(211) 评论(0) 推荐(0)
Vue-cli项目搭建
摘要：Vue-cli项目搭建 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。它依赖nodejs解释器环境，这个解释器是基于谷歌v8引擎编写的，能过在操作系统上执行js代码（原本js只能运行在浏览器中） Vue ClI的关键结构是组件，页面上的每个部分都是一个个组件，通过一定的方式结合在 阅读全文
posted @ 2023-02-20 17:19 leethon 阅读(268) 评论(0) 推荐(0)
Vue对象常用属性
摘要：Vue对象常用属性 数据属性data 数据属性的基本用法 new Vue({ data:{ '带引号的键'：值, url:"www.baidu.com" // 带引号的键 } }) 在Vue实例中，我们通常会定义一些数据属性，这些数据可以直接被用于被挂载的标签中插值或绑定属性。数据属性在Vue对象的 阅读全文
posted @ 2023-02-17 19:16 leethon 阅读(523) 评论(0) 推荐(0)
Vue生命周期
摘要：Vue生命周期 Vue生命周期简介 从Vue实例创建开始，到实例被销毁，是一个Vue实例的生命周期，总共经历了8个钩子函数。 Vue的生命周期的过程称之为面向切面编程（AOP），实际上这在django框架中，面向对象之魔法方法中也多有体现，通过预编译运行期间的流程点，留出切口，编程者可以通过重新编写 阅读全文
posted @ 2023-02-17 14:41 leethon 阅读(43) 评论(0) 推荐(0)
Vue组件
摘要：Vue组件 Vue实例与组件 通过new Vue()产生的是Vue实例，而Vue实例也可以看做根组件。 我们也可以通过Vue.component()产生Vue组件，所谓组件就是可以复用到其他的实例中的部件，它分为全局组件和局部组件。 全局组件：全局组件又称根组件，它可以在任意位置被调用 局部组件：局 阅读全文
posted @ 2023-02-16 22:28 leethon 阅读(75) 评论(0) 推荐(0)
Vue框架交互后端
摘要：Vue框架交互后端 前端页面朝后端发送ajax请求时交互后端的常用方式，因为ajax请求异步发送web请求，拿回响应数据，后端只需要提供接口即可。 jQuery发送ajax jQuery封装了ajax请求，但是我们需要先引入jQuery框架。具体可以用jq的ajax发各种什么样的请求可以看Ajax简 阅读全文
posted @ 2023-02-16 20:07 leethon 阅读(38) 评论(0) 推荐(0)
Vue表单事件、数据绑定、事件修饰符、箭头函数
摘要：Vue表单事件、数据绑定、事件修饰符、箭头函数 表单事件 有一些事件使input标签特有的，有： input 进行输入时触发 blur 失去焦点时触发 change 失去焦点并相较获取焦点时的值发生变化时触发 focus 获取焦点时触发 <div class="app"> <h1>失去焦点</h1> 阅读全文
posted @ 2023-02-15 17:09 leethon 阅读(372) 评论(0) 推荐(0)
vue简介及基础语法
摘要：vue简介及基础语法 前端编程从最初的html、css、js散件编写页面，到后来ajax异步请求的出现，在不断发展，在Angular框架出现之后，出现了前端工程化的概念，而现在时下最主流的框架就是React、Vue框架，其中Vue在国内的应用较为广泛。 随着框架的发展，未来也可能出现各移动端统一的前 阅读全文
posted @ 2023-02-14 19:38 leethon 阅读(224) 评论(0) 推荐(0)