0.vue 优点 答:官方认定的卖点:易用 灵活 高效 外加:使用数据双向绑定 生态好 1、什么是vue生命周期? 答: Vue实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲…
标签:vue.js教程
第十四课时: 登录/登出以及JWT认证
1.后端代码概览 // /login登录接口 router.post('/login', function(req, res, next) { const {userName, password} = req.body …
Vue 2.x 文件夹目录
外层目录: readme //项目的说明文件 package.json //第三方依赖包配置 package.lock.json //帮助我们去确定安装的第三方依赖包的具体的版本,保持团队编程的统一 license //…
初探 Vue 生命周期和钩子函数
生命周期 生命周期函数就是 Vue 实例在某一个时间点会自动执行的函数。 简单来说就是好像把人的出生到死亡分成一个个阶段,你取名字肯定是在你出生阶段,而不是在成年阶段;你结婚肯定是在成年阶段,而不是在出生阶段;如果说你在…
vue学习—Convert HTML string to AST,如何将html字符串转换为ast数组结构
获取html字符串 首先在入口文件处,使用template属性或者el属性获取到需要解析的html字符串 template 1.html字符串,如 Vue.component('alert-box', { templat…
第十三课时:递归组件的使用
递归组件的使用 1. 封装简单的Menu组件 一个子组件就相当于一个父组件的html标签父组件: menu-page.vue子组件: a-menu.vue、a-menu-item.vue、a-submenu.vue还有个…
30个值得关注的Vue开源项目
译者按: 学习优秀的开源项目是提高代码水平最有效的方式。 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebu…
第十二课时:渲染函数和JSX快速掌握
1. render函数 (1)渲染Html render: h=>('div', [ h('span', '111') ]) render: h => h('div', [ h('ul', { on: { '…
五分钟用vue实现一个五星打分效果
实现一个像这样的五星打分 <template> <div> <div class="mask"> <div class="pop"></div> <div…
vue模仿新年集福活动(移动端)
自己随便写着玩的一个“集福”活动,没有后端配合,只是前端的一个效果展示,没有写入缓存,刷新后数据就没有了,主要功能有抽卡,点击卡片查看介绍,集齐之后合成卡片,增加抽卡次数,直接获取稀缺卡,增加稀缺卡获取概率等功能。下面是…
深入Vue - 源码目录及构建过程分析
摘要: Vue源码阅读第一步。 原文:深入vue – 源码目录及构建过程分析 公众号:前端小苑 Fundebug经授权转载,版权归原作者所有。 本文主要梳理一下vue代码的目录,以及vue代码构建流程,旨在对…
关于vue父子组件之间事件触发及数据传递问题
父组件:1,引入子组件2,ref 3,需要更新数据操作的地方 子组件:1,定义同名事件,拿到数据执行相关操作