(字母全小写且必须包含一个连字符)，避免和当前以及未来的 HTML 元素相冲突。 在非字符串模板中，如果prop是用小驼峰方式命名，在模板中要使用其等价的链式方式命名。 在字符串模板中就不要这么处理了。 因为HTML(非字符串模板)中的特性名是大小写不敏感的，所以浏览器会把所有…

用本文来总结一下Vue初级面试题。 MVVM 是 Model-View-ViewModel 的缩写。 ViewModel通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑…

在子组件(son)中通过props: {counter: {type: Number}}来接受数据,接收后在子组件中可正常使用数据。 在子组件(son)中通过this.$emit('change', payload)来触发父中的方法。（payload是子组件需要传递给父组件的数…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit('SET_VIDEO_PAUSE', video_pause，SET_VIDEO_PAU…

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 如果未使用keep-alive组件，则在页面回退时仍然会重新渲染页面，触发created钩子，使用体验不…

之前章节介绍了VNode如何生成真实Dom，这只是patch内首次渲染做的事，完成了一小部分功能而已，而它做的最重要的事情是当响应式触发时，让页面的重新渲染这一过程能高效完成。其实页面的重新渲染完全可以使用新生成的Dom去整个替换掉旧的Dom，然而这么做比较低效，所以就借助接下…

曾经有遇到过这个问题，发现在data里声明或者赋值过的对象与数组（数组里是对象）的时候，向对象添加新的属性，如果去更新这个属性的值，是不会重新渲染的。 后来我看了一下文档，vue 中无法检测到根据索引值修改的数据变动的，这种写法数组的值不会更新视图。 vue只监听了数组的spl…

前提Git地址前端常用的正则校验git地址欢迎关注前端公众号【小夭同学】1、是否合法IP地址2、是否手机号码或者固话3、是否固话4、是否手机号码5、是否身份证号码6、是否邮箱7、合法url8、验证内容

下面是我在开发大型 Vue 项目时的最佳实践。这些技巧将帮助你开发更高效、更易于维护和共享的代码。 今年做自由职业的时候，我有机会开发了一些大型 Vue 应用程序。我所说的这些项目，Vuex store 超过十个，包含大量的组件（有时候几百个）和视图页面。对我来说这是个很有益的…