一、遇见Vue.js1.MVP,从MVC演化而来,Controller/Presenter负责逻辑的处理,完全把Vie..
原创
2022-09-26 15:36:40
210阅读
个人github:https://github.com/qiilee 欢迎follow1.1 mvx模式是什么 MVC框架最早出现在Java领域,然后慢慢在前端开发中也被提到,后来又出现了MVP,以及现在最成熟的MVVM,下面我们来简单介绍一下各种模式。 MVCMVC全名是Model View Controller,是模型(model)-视图(view)-控制器(co...
原创
2021-08-02 15:07:08
173阅读
个人github:://github.com/qiilee 欢迎follow1.1 mvx模式是什么 MVC框架最早
原创
2022-02-21 11:59:56
81阅读
Installation可以使用的方式:script标签方式加载vue.jscdn https://unpkg.com/vue@2.0.5/dist/vue.jsnpmIntroduction通过指定的语法渲染js变量DOM元素与变量绑定,同步更新,无需手动操纵DOM通过vue标签属性,完成绑定data,绑定事件,条件语句以及循环等特性创建自定义可复用的组件,可直接在html标签中使用The Vu
原创
2017-05-26 13:52:02
455阅读
1.Vue.js是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件
原创
2022-04-06 10:49:14
159阅读
为什么选择Vue.js?Vue.js 是一套用于构建用户界面的渐进式JavaScript框架,由尤雨溪于2014年创建。它以其轻量级、易上手和灵活性在前端开发领域广受欢迎。与其他大型框架不同,Vue被设计为可以自底向上逐层应用,既能用来开发简单的小型应用,也能胜任复杂的单页应用(SPA)开发。Vue的核心特性响应式数据绑定Vue通过数据劫持和观察机制实现数据与视图的自动同步。当数据变化时,视图会自
Vue.js 源码学习笔记:http://jiongks.name/blog/vue-code-review/
转载
2022-08-24 09:55:25
109阅读
Vue框架对于前端来说有多重要就不多提了,三天前决定看看源码,奈何自己是个菜鸡,只能慢慢的一点一点啃,进行扫荡式学习,初有收获,特将笔记所记内容记下,逻辑略乱,各位客官觉得乱或者有问题的话请评论说下,我会重新组织语言并回答您。本文为小白从头扫荡式教程,我都能懂你肯定也能的~好的,下面开始。首先你要去github把源码下载下来啦-- https://github.com/vuejs/vue 
转载
2023-07-15 12:39:54
148阅读
flow类型检查Vue.js 的源码使用了Flow做静态类型检查,之所以选择Flow , 是因为 Babel和 ESlint 都有对应的Flow插件支持语法。目录源码解析 compiler 目录包含Vue.js 所有编译相关的代码。它包括把模板解析成AST语法树,AST语法树优化,代码生成等功能core 目录包含了Vue.
转载
2023-11-06 15:17:58
101阅读
前言今天是个特别的日子 祝各位女神女神节快乐哈 封面我就放一张杀殿的帅照表达我的祝福 哈哈此篇主要手写 Vue2.0 源码-初始渲染原理上一篇咱们主要介绍了 Vue 模板编译原理 它是 Vue 生成虚拟 dom 的基础 模板编译最后转化成了 render 函数 之后又如何能生成真实的 dom 节点去替换掉 el 选项配置呢 那么通过此篇的学习就可以知道 Vue 初始渲染的流程
转载
2023-09-06 17:35:03
110阅读
前言 本命名风格指南推荐了一种统一的命名规范来编写 Vue.js 代码。这使得代码具有如下的特性: 统一团队的命名规范,其它开发者或是团队成员更容易上手阅读和理解。 IDEs 更容易理解代码,从而提供高亮、格式化等辅助功能。 本指南只是个人总结归纳的,仅作为一种参考。 命名分类 现在常用的vue命名规范无外乎四种: camelCase(驼峰式 ) kebab-case(短横线...
原创
2021-09-01 11:45:31
216阅读
第一、Vue.js 源码目录设计Vue.js 的源码都在 src 目录下,其目录结构如下。src
├── compiler # 编译相关
├── core # 核心代码
├── platforms # 不同平台的支持
├── server # 服务端渲染
├── sfc # .vue 文件解析
├── s
转载
2023-06-16 15:38:26
268阅读
最近饶有兴致的又把最新版 Vue.js 的源码学习了一下,觉得真心不错,个人觉得 Vue.js 的代码非常之优雅而且精辟,作者本身可能无 (bu) 意 (xie) 提及这些。那么,就让我来吧:) 程序结构梳理 Vue.js 是一个非常典型的 MVVM 的程序结构,整个程序从最上层大概分为 这里面大部
转载
2018-03-16 02:43:00
94阅读
2评论
Vue.js是什么Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数
转载
2023-05-23 15:49:30
280阅读
在Vue.js中,表单处理是一个至关重要的部分,它允许开发者收集用户输入并将其转换为应用中的动态数据。Vue.js的双向数据绑定特性,特别是v-model指令,极大地简化了表单数据的绑定和更新过程。本文将深入探讨Vue.js中的表单处理,包括基本用法、高级技巧、表单验证以及在实际开发中的应用场景。一、表单处理的基本用法1. 使用v-model进行双向数据绑定v-model是Vue.js提供的一个强
Vue 实例
属性与方法
不要在实例属性或者回调函数中(如 vm.$watch('a', newVal => this.myMethod()) )使用箭头函数。因为箭头函数绑定父上下文,所以 this 不会像预想的一样是 Vue 实例,而是 this.myMethod 未被定义
实例生命周期
生命周期钩子
var vm = new Vue({
data: {
a: 1
}
原创
2020-08-10 14:48:50
90阅读
Vue 实例属性与方法不要在实例属性或者回调函数中(如vm.$watch('a', newVal => this.myMethod()))使用箭头函数。因为箭头函数绑定父上下文,所以this不会像预想的一样是Vue实例,而是this.myMethod未被定义实例生命周期 生命周期钩子 var vm = new Vue({ data: { a: 1 }, created: function () { // `this` 指向 vm 实例...
原创
2020-08-10 14:48:50
248阅读
最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以
转载
2018-12-19 15:50:00
79阅读
在Vue.js中,条件语句是实现动态内容渲染的重要工具。通过条件语句,开发者可以根据不同的数据状态来显示或隐藏特定的DOM元素,从而构建出更加丰富和交互性强的用户界面。本文将深入探讨Vue.js中的条件语句,包括v-if、v-else-if、v-else以及v-show指令的使用方法和最佳实践。一、v-if指令v-if是Vue.js中最常用的条件渲染指令。它根据表达式的真值来决定是否渲染一个元素。
可以帮助零基础的读者掌握独立开发项目和部署项目上线的技术。
原创
2023-05-01 19:35:05
130阅读