文档中心
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档

Evan Xu

前端界的小学生
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档
  • HTML

  • CSS

  • JavaScript文章

  • JavaScript

  • Vue

    • 认识vue.js
      • 了解vue设计思想
      • 使用vue
      • 理解vue的声明周期
    • Vue.js基础
    • 认识axios
    • js高级开发
    • 表单验证插件 (vee-validate)
    • 数据存储(localStorage)的使用
    • vue.js表单验证插件的使用
    • bootstrap(vue.js版本)使用指南
    • vue.js提示框插件
    • 右键菜单
  • uni-app

  • 前端工程化

  • 前端
  • Vue
wmhello
2021-11-12
目录

认识vue.js

# 认识vue.js

1、了解MVVM框架 后端只是api,前端来做显示和交互,有利于代码的维护和快速开发,随着多端的盛行(PC、平板、手机、微信),因为前端内容越来越多,越复杂,需要有简单的方式来帮助我们管理页面的显示、即DOM的实现 MVVM框架的核心: 开发者需要关注的是交互和数据的变更,让框架帮我们维护状态(DOM的改变和显示) 数据绑定和事件驱动

2、 了解三大框架(react.js、vue.js和angular.js)

3、 vue.js的学习曲线都平滑上升,根据开发项目的难易程度,可以选择不同的插件、配合不同的ui来开发各种类型的内容(网页、app、桌面端、微信公众号、小程序)

# 了解vue设计思想

1、 声明式渲染

内容由前端计算而来

2、 数据驱动

页面内容有数据来决定,数据改变,页面也跟随改变

3、组件式开发

可以自定义html标签在vue.js引入使用,标签可以包含页面的显示内容,以及相关的业务逻辑

# 使用vue

1、引用cdn文件到html
2、建立一个id值为“app”的div标签,准备用于vue.js实例的挂载
3、建立一个vue.js实例,传入参数后,初始化vue.js

# 理解vue的声明周期

1、 beforeCreate
2、 created
3、 beforeMount
4、 mounted
5、 beforeUpdate
6、 updated
7、 beforeDestroy
8、 destroyed

canvas-路径与画圆
Vue.js基础

← canvas-路径与画圆 Vue.js基础→

最近更新
01
使用VuePress搭建博客系统(一)
08-08
02
利用FreeSSL.cn申请免费SSL证书
07-23
03
民主测评管理系统
07-22
更多文章>
Theme by Vdoing | Copyright © 2019-2024 wmhello |备案号:滇ICP备2023013341号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式