vue使用感悟(待整理完善)

思考的问题:

1.vue是视图库,是数据驱动DOM的!   相对于jquery来说,代码结构清晰,容易维护!

2.前端工程化:项目构建,依赖管理,开发调试环境(dev-serve代理服务器)

3.前端组件化:对标后端java的微服务      分而治之,统一协作!     复杂问题的抽象分离!      代码块自治,数据通信,数据是主体地位。

优点:

a:组件化,代码区块自治,高内聚,低耦合!   代码容易维护 升级

b:项目结构清晰

4.组件划分依据是什么?    组件划分粒度

5.全家桶:vue(操作DOM)       a:数据驱动     b:虚拟DOM,高性能

vue-router: 前端路由    建立url与视图的映射关系

vuex:公共状态管理

axios  vue-resource  fetch:网络请求

nuxt:服务端渲染,助力SEO   以及前端渲染代价

原文地址:https://www.cnblogs.com/njqa/p/9107863.html

时间: 2024-10-16 05:04:19

vue使用感悟(待整理完善)的相关文章

【前端芝士树】Vue.js面试题整理 / 知识点梳理

[前端芝士树] Vue.js 面试题整理 MVVM是什么? MVVM 是 Model-View-ViewModel 的缩写. Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑. View 代表UI 组件,它负责将数据模型转化成UI 展现出来. ViewModel 监听模型数据的改变和控制视图行为.处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View. 在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewM

Vue.js语法糖整理

el:element 需要获取的元素,一定是HTML中的根容器元素 data:用于数据的存储 methods:用于存储各种方法 数据绑定字面量只加载一次{{* msg}} data里面可以进行简单的运算: methods:{ getHome(){ return "早上好" } } -------------------------------------------------- HTML中渲染{{getHome()}} //得到的结果是--->早上好 v-bind绑定属性简写就

vue学习(三)完善模板页(bootstrap+AdminLTE)

1.配置index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init

vue响应式原理整理

vue是数据响应性,这是很酷的一个地方.本文只为理清逻辑.详细请看官方文档 https://cn.vuejs.org/v2/guide/reactivity.html vue的data在处理数据时候,会遍历data内对象的所有属性,并使用Object.defineProperty将属性转为getter/setter. 这里的getter/setter对用户是不可见的,但是方便vue对数据进行内部跟踪,来维护数据. 用Object.defineProperty这是一个ES5无法支持特性,所有vue

如何根据Ip获取地址信息--Java----待整理完善!!!

QQWry.dat数据写入方法: http://www.cnblogs.com/xumingxiang/archive/2013/02/17/2914524.html java读取QQwry.dat获得ip地址对应实际位置: http://outofmemory.cn/code-snippet/541/java-duqu-QQwry-dat-get-ip-address-duiying-shiji-position QQwry格式如下: A.文件头,共8字节 B.若干条记录的结束地址+国家和区域

helloworld of vue + electron 开发过程日志

helloworld 开发过程日志 helloworld of vue + electron 1. 相关技术栈 2. 安装开发环境 2.1. 安装Node.js 2.2. 使用NPM(节点包管理器)镜像 2.3. 安装vue-cli 3. hello world 3.1. 创建项目 3.2. 运行VUE项目 3.3. 安装electron 3.4. 通过electron运行VUE项目 3.5. 使用electron-builder 打包发布 4. 完善配置 5. 总结 1. 相关技术栈 Chro

从 Vue 的视角学 React(四)—— 组件传参

组件化开发的时候,参数传递是非常关键的环节 哪些参数放在组件内部管理,哪些参数由父组件传入,哪些状态需要反馈给父组件,都需要在设计组件的时候想清楚 但实现这些交互的基础,是明白组件之间参数传递的方式,和各自的优缺点 一.父组件传参到子组件 和 Vue 一样,React 中从父组件到子组件的传参也是通过 props 不过在 Vue 项目中,需要在先组件里定义将要接收的 props,而 React 可以直接获取 而且 props 不光可以接收 Number.String 等基本类型,还可以接收 Fu

[Vue源码]一起来学Vue双向绑定原理-数据劫持和发布订阅

有一段时间没有更新技术博文了,因为这段时间埋下头来看Vue源码了.本文我们一起通过学习双向绑定原理来分析Vue源码.预计接下来会围绕Vue源码来整理一些文章,如下. 一起来学Vue双向绑定原理-数据劫持和发布订阅 一起来学Vue模板编译原理(一)-Template生成AST 一起来学Vue模板编译原理(二)-AST生成Render字符串 一起来学Vue虚拟DOM解析-Virtual Dom实现和Dom-diff算法 这些文章统一放在我的git仓库:https://github.com/yzsun

[Vue源码]一起来学Vue模板编译原理(一)-Template生成AST

本文我们一起通过学习Vue模板编译原理(一)-Template生成AST来分析Vue源码.预计接下来会围绕Vue源码来整理一些文章,如下. 一起来学Vue双向绑定原理-数据劫持和发布订阅 一起来学Vue模板编译原理(一)-Template生成AST 一起来学Vue模板编译原理(二)-AST生成Render字符串 一起来学Vue虚拟DOM解析-Virtual Dom实现和Dom-diff算法 这些文章统一放在我的git仓库:https://github.com/yzsunlei/javascrip