四时宝库

程序员的知识宝库

前端框架Vue2的入门及重点(vue前端架构设计)

Vue.js 2.0基础知识

1. Vue.js 简介

Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架,它被设计为可以自底向上逐层应用 [?](https://juejin.cn/post/6854573217832468493)。Vue.js 的定位是一个渐进式框架,它的特性包括简单上手方便,只需要具备基本的 HTML/JavaScript/CSS 基础,结合 Angular 指令与 React 组件思维,生态丰富(插件多)API 文档完善 [?](https://blog.csdn.net/Senora/article/details/121053514)。

2. Vue.js 核心概念

Vue.js 提供了简洁的模板语法声明式的将数据渲染至 DOM 中,例如 `<div id="app"> {{ message }} </div>`,其中 `message` 是 Vue 实例的数据对象,Vue 会递归的将 data 的 property 转换为 getter 和 setter,从而让 data 的 property 能够响应数据变化 [?](https://juejin.cn/post/6854573217832468493)。

3. Vue.js 常用实例化参数

Vue.js 的常用实例化参数包括 `el`(元素挂载点)、`data`(指定数据)、`methods`(方法)、`computed`(计算)、`watch`(监听)以及 `directives`(指令) [?](https://blog.csdn.net/Senora/article/details/121053514)。

4. Vue.js 指令

Vue.js 中的指令是 Vue 提供的带有 v- 前缀的特殊标签属性,它们可以提高程序员操作 DOM 的效率。Vue.js 中的指令按照不同的用途可以分为如下 6 大类:内容渲染指令(v-html、v-text)、条件渲染指令(v-show、v-if、v-else、v-else-if)、事件绑定指令(v-on)、属性绑定指令(v-bind)、双向绑定指令(v-model)、列表渲染指令(v-for) [?](https://www.cnblogs.com/tobycold/p/17787767.html#tid-ee63iQ)。

5. Vue.js 生命周期

Vue.js 的生命周期包括:构造函数、准备阶段、更新阶段、销毁阶段。在构造函数中,我们可以初始化一些全局变量,在准备阶段,我们可以做一些异步操作,比如加载数据,在更新阶段,我们根据数据的变化来更新视图,在销毁阶段,我们可以释放资源 [?](https://blog.csdn.net/Senora/article/details/121053514)。

以上就是 Vue.js 2.0 基础知识,希望能帮助你快速掌握 Vue.js 的使用。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接