微信二维码
微博二维码
qq号二维码

Vue.js框架介绍(一)

王伟平 2020.08.21 2893人浏览
阅读本文之前,必须要了解下HTML,CSS基础哦.

1. Vue是一套用于构建用户界面的渐进式框架,网址:cn.vuejs.org/

2. Vue在Github的欢迎度

Vue.js框架介绍(一)

 3. 不需要操作Dom,实现了MVVM

Vue.js框架介绍(一)

 4. 学习成本低,文档浅显易懂


Vue 建项目

1. Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。基于Vue cli项目脚手架,网址:cli.vuejs.org/zh/guide/

2. 运行以下命令其一来创建一个新项目,有默认选默认即可

Vue.js框架介绍(一)

3. 在创建好项目以后,运行以下命令将能看到初次项目创建的界面

Vue.js框架介绍(一)

4. 默认情况下,在 浏览器访问 http://localhost:8080/ 将能看到如下界面:

Vue.js框架介绍(一)

Vue 相关结构和生命周期介绍

目录结构如下图:

Vue.js框架介绍(一)

单个.vue文件的组成部介绍

Vue.js框架介绍(一)

组件化应用构建

使用小型、独立和通常可复用的组件构建大型应用,一个页面如搭积木一样

Vue.js框架介绍(一)

接下来给大家介绍下Vue中的钩子函数:

钩子方法: 模板方法的执行结果,该方法就叫做钩子方法,个人理解:影响了模板的执行,把函数勾住了,这个方法就是钩子函数。

Vue.js框架介绍(一)





分享到:
天津UI设计培训-CleanPNG免抠素材网站
  • 2020.11.30
  • 创作提升必备!9款超实用Figam设计插件|天津ui设计师培训机构
  • 2024.10.23