站点地址github/devDocsMixin合并在数据的property发生冲突时，会以组件自身的数据优先data函数属性合并生命周期钩子合并，先调用Mixin，再调用组件自身methods、component和directive等值为对象的合并自定义选项合并定义合并策略： {代码...} Vite在开发环境基于浏览器原生ES6 Modules开发，在生产环境基于Rollup打包。...

前端教程阿西河前端教程丨一个助你成为全栈开发的网站前端高手进阶JavaScript利用js实现表单的校验KeyCode 查询表现代 JavaScript 教程时间戳(Unix timestamp)转换工具HTML minifierJavaScript代码压缩-js代码压缩在线进制转换JS压缩The online code editor for web apps. Powered by Visual Studio Code.JS MediaTagsmp...

Day.js，Moment.js 的 2kB 轻量化方案，拥有同样强大的 APIFileSaver.js，HTML5文件保存html2canvas，Screenshots with JavaScript，html转换为canvasSimpleMDE Markdown EditorLayui，开源模块化前端 UI 框架BetterScroll 2.0，移动端滚动插件uCharts高性能跨全端图表jQuery插件库HTML5 Boilerplate: The web’s most po...

路由设计 本则路由考虑验证进入登录页面，完成登录操作进入首页。router/router.js {代码...} vue.config.js {代码...} 构造请求实例 utils/cookie.js {代码...} utils/localStorage.js {代码...} utils/request.js {代码...} 数据模型 api/variable.js {代码...} api/post.js {代码...} store/store.js {代码...} store...

<p data-height="265" data-theme-id="0" data-slug-hash="wjXLMa" data-default-tab="js,result" data-user="whjin" data-embed-version="2" data-pen-title="组件间通信" class="codepen">See the Pen 组件间通信 by whjin (@whjin) on CodePen.</p><script async src="[链接];></script>

一个组件可以分为数据（model）和视图（view），数据更新时，视图也会自动更新。在视图中又可以绑定一个事件，它们触发methods里指定的方法，从而可以改变数据、更新视图，这是一个组件基本的运行模式。

Vue提供了一个functional的布尔值选项，设置为true可以使组件无状态和无实例，也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销要小很多。

学习笔记：Render函数 Render函数 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来...

自定义指令的注册方法分为全局注册和局部注册，比如注册一个v-focus指令，用于在<input>、<textarea>元素初始化时自动获得焦点，两种写法分别是：

要在父实例中使用这个组件，必须要在实例创建前注册，之后就可以用<my-component></my-component>的形式来使用组件。

使用v-model后，表单控件显示的值只依赖所绑定的数据，不再关心初始化时的value属性，对于在<textarea></textarea>之间插入的值，也不会生效。

这种在HTML元素上监听事件的设计看似将DOM与JavaScript紧耦合，违背分离的原理，实则刚好相反。因为通过HTML就可以知道调用的是哪个方法，将逻辑与DOM解耦，便于维护。

当网速较慢、Vue.js文件还没加载完时，在页面上会显示{{message}}的字样，直到Vue创建实例、编译模板时，DOM才会被替换，所以这个过程屏幕有闪。只要加一句CSS就可以解决这个问题：

学习笔记：前端开发文档 计算属性 所有的计算属性都以函数的形式写在Vue实例中的computed选项内，最终返回计算后的结果。 计算属性的用法 在一个计算属性中可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果即可。 计算属性还可以依赖多个Vue实例的数据，只要其中任一数据变化，计算属性就会重新执行...

学习笔记：Vue.js基础知识 基础知识 构造函数Vue的根实例new Vue({})，并启动Vue应用。 {代码...} 变量app代表这个Vue实例。 其中，必不可少的选项是el，用于指定一个页面中已存在的DOM元素来挂载Vue实例，可以是HTMLElement，也可以是CSS选择器。 {代码...} 挂载成功后，可以通过app.$el访问该元素。Vue提供了很多常用...

Quasar是一款基于Vue.js开发的UI框架，可以让你轻松构建网站简洁明快的界面，更重要的是它还能让你轻松做好RWD（响应式网站设计），除此之外还能帮助你加上PWA，使你的网页变成手机上的App。

文章链接：Vue.js基础教程 开发工具准备： 根据个人喜欢选择IDE，我使用的是WebStorm，推荐使用Atom和VSCode； 安装git base和node.js； 安装vue-cli，命令npm i -g @vue/cli； 新建vue-cli项目： 方法一：通过图形界面进行安装vue ui； 方法二：通过命令行安装vue create project-name 运行项目npm run serve，端口8080...

博客文章链接：管中窥Vue Vue和Angular、React.js的相同点和不同点？ 与React的相同： 都使用了Virtual DOM 提供了响应式和组件化的视图组件 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。 与React的区别： 组件的响应式渲染 React的组件的数据状态发生变化时，它会以该组件为根，重新渲染...

Vue提供了一个functional的布尔值选项，设置为true可以使组件无状态和无实例，也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销要小很多。

React和Vue2都使用了虚拟DOM技术，虚拟DOM并不是真正意义上的DOM，而是一个轻量级的JavaScript对象，在状态发生变化时，虚拟DOM会进行Different运算，来更新只需要被替换的DOM，而不是全部重绘。

数字输入框只能输入数字，而且有两个快捷按钮，可以直接减1或加1。除此之外，还可以设置初始值、最大/小值，在数值改变时，触发一个自定义事件来通知父组件。

要在父实例中使用这个组件，必须要在实例创建前注册，之后就可以用<my-component></my-component>的形式来使用组件。

查看原文站点，更多扩展内容及更佳阅读体验！ Vue基础 构造函数Vue的根实例new Vue({})，并启动Vue应用。 {代码...} 变量app代表这个Vue实例。 其中，必不可少的选项是el，用于指定一个页面中已存在的DOM元素来挂载Vue实例，可以是HTMLElement，也可以是CSS选择器。 {代码...} 挂载成功后，可以通过app.$el访问该元素。V...

通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。

组件系统 组件可以扩展 HTML 元素，封装可重用的代码。 vue.js的核心组件： 模板（template）——模板声明了数据和最终展现给用户的DOM之间的映射关系。 初始数据（data）——一个组件的初始数据状态。对于可复用的组件来说，通常是私有的状态。 接受的外部参数（props）——组件之间通过参数来进行数据的传递和共享。参数默认...

更多详细内容，可以查看原文链接：Vue-概念理解 渐进式框架 组件系统 客户端路由 状态管理 构建工具 虚拟DOM MVVM模式 MVX模式是什么 渐进式框架 Vue.js是一套构建用户界面的渐进式框架。 声明式渲染和组件系统是Vue的核心库所包含内容，而客户端路由、状态管理、构建工具都有专门解决方案。 声明式渲染 所有的逻辑尽可...

文章已经发布在个人博客，不断进行更新欢迎收藏订阅，或者提出批评意见。 有一些方法函数可能并不经常使用，但是遇到特定场景需要的时候却想不起来，所以需要把平时碰到的这些方法和函数进行备案，在需要的时候可以查询。 字符串反转 Todos 复选表单 动态选项，用 v-for 渲染 指令实例属性 对象字面量 MVVM 数据绑定 利...