vue
文章平均质量分 92
程序员Better
一个热爱分享交流,专注前端的程序员(全网同名) 关注程序员Better学习更多前端学习内容
展开
-
那个男人带着他的vue3.0来了
随着尤大大很自豪地宣布Vue.js 3.0“ One Piece”的正式发布。该框架的新主要版本提供了改进的性能,更小的捆绑包大小,更好的TypeScript集成,用于处理大规模用例的新API,以及为框架的长期未来迭代奠定了坚实的基础。3.0版本代表了2年多的开发工作,具有30多个RFC,2600多个提交,来自99个贡献者的628个拉取请求,以及核心回购之外的大量开发和文档工作。我们要对我们的团队成员应对挑战表示最深切的谢意,我们对拉动请求的贡献者,对财务支持的赞助者和支持者,以及更广泛的社区对我们的设计翻译 2020-09-19 19:38:45 · 164 阅读 · 2 评论 -
深入理解vue 修饰符sync【 vue sync修饰符示例】
#深入理解vue 修饰符sync【 vue sync修饰符示例】在说vue 修饰符sync前,我们先看下官方文档:vue .sync 修饰符,里面说vue .sync 修饰符以前存在于vue1.0版本里,但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中,我们发现 .sync 还是有其适用之处,比如在开发可复用的组件库时。我们需要做的只是让子组件改变父组件状态的代码更容易被区分。从 2.3.0 起我们重新引入了 .sync 修饰符,但是这次它只是作为一个编译时的语法糖存在。它会原创 2020-09-15 10:06:20 · 177 阅读 · 0 评论 -
vue数据管理系统项目说明文档
说明文档1. 题目实现一张数据管理表格,包含以下字段,实现其增删改查和查看。id 头像 姓名 性别 手机号 邮箱 个人简介 密码2. 角色分配管理员 : 姓名: 李磊 账号: admin 密码: admin管理员mock数据const managerData = { id: 1111, token: "qwer13265", name: "小马甲", phoneNum: 15623272359, role: 1, sex: "男",原创 2020-07-28 11:17:22 · 541 阅读 · 0 评论 -
vue采坑日记
常见报错1. Property or method “user” is not defined on the instance but referenced …解决方法:在data中定义一个user : '',2.vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated处理方法:const routerPush = Router.prototype.pushRouter.prototype.pu原创 2020-07-28 10:51:44 · 613 阅读 · 0 评论 -
vuedraggable入门demo及属性方法学习
前言Draggable为基于Sortable.js的vue组件,用以实现拖拽功能。拖顶的数据和data里的数据为双向绑定 ,在界面变的时候data中的数据也在跟着变化,插件的GitHub介绍地址vuedraggable参数详解安装 yarn add vuedraggable npm i -S vuedraggable引入import draggable from 'vuedraggable'使用<template> <div class="main">原创 2020-07-27 20:42:30 · 5045 阅读 · 0 评论 -
vue面试知识点汇总
v-for 与v-if的优先级1.显然v-for优先于v-i被解析(源码说的清楚)2.如果同时出现,每次渲染都会先执行循环再判断条件,无论如何循环都不可避免,浪费了性能3.要避免出现这种情况,则在外层嵌套template, 在这一层进行v-if判断, 然后在内部进行v-for循环...原创 2020-06-14 23:51:50 · 220 阅读 · 0 评论 -
vue-router工作中常用基础
router的使用<div id="app"> <h1>Hello App!</h1> <p> <!-- 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- <router-link> 默认会被渲染成一个 `&l...原创 2020-05-04 18:52:33 · 142 阅读 · 0 评论 -
vue常用特性
1. 表单操作表单域修饰符number:转化为数值trim:去掉开始和结尾的空格lazy:将input事件切换为change事件,可以设置input失去焦点的时候触发 <input type="text" v-model.number="number"> <input type="text" v-model.trim="trim"> <input t...原创 2020-05-03 19:07:33 · 272 阅读 · 0 评论 -
vuex从入门到实战多功能TodoList
1.vuex的核心盖概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。他可以方便实现组件之间的数据共享1.1 statestate 提供唯一的数据资源,所有的共享的数据都要统一放到store 中的state中进行存储组件中访问state第一种方式:this.$store.......原创 2020-04-18 23:24:39 · 2864 阅读 · 7 评论