Vue.js实战（书籍）
vue怎么引入animate.css库？？？？
彭宏豪
公号 效率工具指南 作者
比较简单，刚好之前学过这部分的内容。 使用 npm 安装 animate 库： npm install animate.css 安装好之后，在 Vue 脚手架创建的项目入口文件 main.js 中引入这个库：import "animate.css"; 引入之后，在 vue 文件中有两种用法： 帧动画：在 v-enter-active 和 v-leave-active 中配置 animation 名称、时长和动画模式直接使用库定义好的类名 下面只说第二种用法： 通过这种方式使用 animate.css 库，我们不需要给 template 模板的…
有vue基础，做过项目，想进一步提升vue熟练度，有推荐的书？
可爱的歌
数码爱好者
1：Vue.js从入门到项目实战，分概念篇、实战篇和拓展篇。 本书从Vue框架的基础语法讲起，逐步深入Vue进阶实战，并在最后配合项目实战案例，重点演示了Vue在项目开发中的一些应用。在系统地讲解Vue的相关知识之余，本书力图使读者对Vue项目开发产生更深入的理解。 本书共分为11章，涵盖的主要内容有前端的发展历程、Vue的基本介绍、Vue的语法、Vue中的选项、Vue中的内置组件、Vue项目化、使用Vue开发电商类网站、使用Vue开发企业…
vuex要在什么时候使用呢？
天地会珠海分舵
AI小学生，全栈中学生，互联网老兵
公司的大佬所有的api请求都要求用vuex开始前先提一下吧，题主这句话很让人迷惑，我觉得你应该是把数据和请求给搞混了，vuex是应用状态管理，这和api请求有什么关系呢？ 如果真有关系，我猜想你想说的应该是在vuex的Action这一步去做ajax请求，然后把获取到的远端数据进行commit通过Mutations保存到Stat中。 [图片] 那么我们什么时候应该使用vuex呢？ 很明显，首先你这个数据应该是在多个组件都需要被使用到的，如果你只是在一个组件中使…
VUE中的axios是做什么用的？
源码时代-源哥
混迹于互联网边缘地带的草根程序员，技术相关可以私信我一起讨论
框架与库皆是工具，原生为王前言：通读本文，学会以逆向思维拆解现在市面上比较流向的js库的封装方式 想要彻底弄懂ajax请求，彻底弄懂Promise ，重写axios 库无疑是最完美的选择 要想进行axios的核心部分重写，需要对ajax前后端数据联调，Promise 前端微任务，都有一定的了解才可以进行。 axios核心库能够支持服务端请求与前端请求，本文只针对axios前端常见方法进行重写。axios 是什么 怎么用axios 是基于Promise 封装了HTTTP …
Vue实例为什么只能有一个根元素？
谢小飞
北京京东方能源科技有限公司 前端开发工程师
我们在初学Vue时，第一个上手的例子基本都是 new Vue({el:’#app’})，但是为什么Vue实例只能挂载在一个div上呢？同样的当我们开始写第一个Vue页面的时候，我们试图在template标签下写两个div，Vue提醒我们只能写一个元素，但是为什么只能有一个元素呢？很多时候我们都已经习以为常，但是却说不上来为什么。 笔者入坑Vue也有一段时间了，对Vue也算了解，Vuex、Vue-Router也用了不少；但是前几天一看到这个面试问题却感觉一下子回…
怎么给vue定义全局的方法？
谈财富密码
专为币圈人解答问题
我知道的两种方式： 第一种：挂载到Vue的prototype上。把全局方法写到一个文件里面，然后for循环挂载到Vue的prototype上，缺点是调用这个方法的时候没有提示 Object.keys(tools).forEach(key => { Vue.prototype[key] = tools[key] })第二种：利用全局混入mixin，因为mixin里面的methods会和创建的每个单文件组件合并。这样做的优点是调用这个方法的时候有提示 Vue.mixin(mixin) new Vue({ store, router, render: h => h(App), …
vue和小程序开发项目有什么异同？
Finbird
信息技术行业 运营经理
小程序是一种运行在移动端的应用形式，它可以提供快速、便捷、丰富的用户体验。但小程序的开发需要遵循一套特定的规范和接口，这对于前端开发者来说可能会有一定的学习成本和限制。 为了简化小程序的开发流程和提高开发效率，一些轻量、易用、高效的前端框架应运而生，它们可以让开发者使用熟悉的技术栈和工具来构建小程序，并且提供了与其他平台（如H5、APP等）的代码复用能力。这些框架包括了Vue.js、React.js等流行的前端框架…
VUE中的axios是做什么用的？
前端学习站
看很多网上的人的封装 Axios 教程，但或多或少都有不太合适的点，这里为大家推荐我的最佳实践。 拦截器不要返回数据，依然返回 AxiosResponse 对象网上的文章都让你用 拦截器 直接返回数据，这种作法其实是非常不妥的，这样会让你后续的功能很难进行拓展。 不推荐的做法 import Axios from axios const client = Axios.create({ // 你的配置 }) client.interceptors.response.use(response => { // 网上的做法都是让你直接返回数…
Vue 项目如何迁移小程序
FinClip
企业小程序化数字技术提供商
最近我们看到有开发者在社群里提出新的疑惑「我手头已经有一个成熟的 HTML5 项目了，这种项目可以转为小程序在 FinClip 环境中运行吗？」。 经过工作人员的沟通了解，开发者其实是想将已有的 Vue 项目转为小程序，在集成了 FinClip SDK 的 App 中运行小程序，那这里我们就需要关注以下两个注意事项：Web 项目是适合在手机等移动设备中运行的，屏幕已经兼容；H5 项目的代码是前后端分离的；在本篇文章中，我们选择使用了一款成熟…
Vue 的计算属性真的会缓存吗？（保姆级教学，原理深入揭秘）
谈财富密码
专为币圈人解答问题
前言 很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 注意 本文假定你对 Vue 响应式原理已经有了基础的了解，如果对于 Watcher、Dep和什么是 渲染watcher 等概念还不是很熟悉的话，可以先找一些基础的响应式原理的文章或者教程看…
有什么比较好的vue教学视频?
那些免费的砖
常年收集免费商用/开源资源，博客 thosefree.com
Vue.js 很难学？看看这个由 DCloud 与 Vue 官方合作推出的免费入门视频教程吧。 [图片] 介绍现在马上是2020年的下半年的开端，大前端发展迅猛，前所未有的繁荣，但还有很多前端开发者，特别是非一线城市的开发者还在使用 jQuery/zepto 来开发web页面。这对于微小项目可能没什么感觉，甚至还很方便，但对于中大型但项目，更适合工程化开发模式的 Vue/react ，只要学会了就真的不会再回去了。 这套在线观看的免费入门视频教程就是给你们准…
Vue中的AST和VNode有什么区别啊？看着都长的一个样?
千锋前端学习营
千锋前端扛把子
首先要理解AST和VNode到底有什么区别？需要对Vue的template模板编译有一定的理解。简单来说，Vue最核心的三部分，即：compiler、reactivity、runtime。 compiler表示template编译成有规律的数据结构，即AST抽象语法树。 reactivity表示data数据可以被监控，通过proxy语法来实现。 runtime表示运行时相关功能，虚拟DOM(即：VNode)、diff算法、真实DOM操作等。 在Vue中提供了可以只采用runtime运行时就可以进行开发的模式，主要利…
VUE 电商项目浏览记录功能
知乎用户k4RtSq
1.需求：当用户在当前商品中停留2秒中，就将该商品添加到我的足迹中 2.实现思路 1.用定时器，在进入该商品页面的时候，在mounted中调用定时器 2.当没有停留够2秒退出页面，在vue生命周期destroyed中销毁定时器 3.方法一 [图片] mounted() { this.postFoot()//开启定时器 }, // 关闭定时器 destroyed() { clearInterval(this.time) }, methods: { //间隔2秒的时候进行调用 postFoot() { this.time = setTimeout(() => { collect({ cate…
写给 vue2.0 开发者的 vue3.0 教程
谈财富密码
专为币圈人解答问题
Vue 3还没有正式发布，但是维护者已经发布了beta版本，以供我们的用户尝试并提供反馈 如果您想知道Vue 3的主要特性和主要变化，我将在本文中通过使用Vue 3 beta 9创建一个简单的应用程序来强调它们 我将介绍尽可能多的新内容，包括片段、传送、复合API和其他一些模糊的更改。我也会尽我所能来解释这个特性或变更的基本原理 如何构建我们将构建一个带有模态窗口功能的简单应用程序。我选择这个是因为它方便地允许我展示一些Vue 3…
有什么比较好的vue教学视频?
幼儿园的扛把子
官方文档很详细了，而且学起来效率会更高，不推荐跟视频学习。如果实在想看视频学习，推荐先过一遍文档，再跟着实战教程学习吧。B站Vue教程很多，看最多收藏or点击吧，祝顺利。 Vue.js
Vue实例为什么只能有一个根元素？
李李
信息技术行业 从业人员
在 Vue.js 2.x 版本中，一个 Vue 实例只能有一个根元素，这是因为 Vue.js 的模板编译器在编译模板时需要将模板编译为一个渲染函数，并将这个渲染函数挂载到根元素上。如果一个 Vue 实例有多个根元素，那么模板编译器就无法将模板编译为一个渲染函数。 然而，在 Vue.js 3.x 版本中，这个限制已经被移除了。Vue.js 3.x 版本中可以在一个 Vue 实例中包含多个根元素，可以通过在根元素上使用 v-for、v-if 等指令来实现。在 Vue.js 3.…
Vue 组件 data 为什么必须是个函数，而 Vue 的根实例却没有此限制？
NuoHui
野生码农。
我是临时翻了下源码，如有错误请斧正。 Vue源码对data的处理在这个位置 export function initState (vm: Component) { vm._watchers = [] const opts = vm.$options if (opts.props) initProps(vm, opts.props) if (opts.methods) initMethods(vm, opts.methods) if (opts.data) { initData(vm) // 初始化data,对data进行依赖收集 } else { observe(vm._data = {}, true /* asRootData */) } if (opts.computed) initComputed(vm…
vuex要在什么时候使用呢？
前端学习站
vuex的仓库有5个模块，分别是 state，mutations, actions, getters, modules 我们将组件的公共状态定义在 vuex仓库的state中,state是只读的，无法直接修改，必须调动仓库中的某个mutation才能修改状态，getters可以理解为vuex中的计算属性，当我们在某个组件中使用vuex中的某个state时，不是直接使用原值，而是需要派生出一个新的值，就可以定义getters，可以在组件中获取。当依赖的state发生改变，此时getters会重新计算得到新…
Vue全局指令定义，没有效果，怎么回事？
前端学习站
在 vue 中我们可以使用 Vue.directive()方法注册全局指令。也可以只用 directives 选项注册局部指令。 输入框防抖指令 v-debounceconst debounce = { inserted: function (el, binding) { let timer; el.addEventListener("keyup", () => { if (timer) { clearTimeout(timer); } timer = setTimeout(() => { binding.value(); }, 1000); }); }, }; export default debounce; 复制粘贴指令 v-copyconst copy = { bind(el, { value…
讨论量
3128