当前位置: 首页 > article >正文

快速入门——Vue框架快速上手

学习自哔哩哔哩上的“刘老师教编程”,具体学习的网站为:8.Vue框架快速上手_哔哩哔哩_bilibili,以下是看课后做的笔记,仅供参考。

第一节:前端环境准备

编码工具VSCode【www.code.visualstudio.com】/WebStorm也可,依赖管理NPM,项目构建VueCli

第二节:Vue框架介绍

Vue是一套用于构建用户界面的渐进式框架,Vue.js提供了MVVM数据绑定和一个可组合的组件系统,简单灵活的API,其目标是通过尽可能简单的API实现响应式的数据绑定和可组合的视图组件。

MVVM是一种基于前端开发的架构模式,核心是提供对View和View Model的双向数据绑定,Vue提供了MVVM风格的双向数据绑定,核心是MVVM中的VM,就是ViewModel,ViewModel负责连接View和Model,保证试图和数据一致性。

第三节:Vue快速入门

导入vue.js的script脚本文件

<script src="https://unpkg.com/vue@next"></script>

在页面声明一个将要被vue所控制的DOM区域,既MVVM中View

<div id="app">
    {{  message  }}
</div>

创建vm实例对象(vue实例对象)

const hello = {
    //指定数据源,既MVVM中的Model
    data: function(){
        return {
            message: 'hello vue'
        }
    
    }
}

const app = Vue.createApp(hello)
app.mount('#app')


http://www.kler.cn/a/554733.html

相关文章:

  • 神经网络八股(1)
  • C++ 课程设计 汇总(含源码)
  • Ubuntu:wvp-GB28181-pro安装、运行
  • 记录一次部署PC端网址全过程
  • Java集合框架中常用类及其底层数据结构的详细分类
  • 使用ESP32与INMP441麦克风模块实现音频传输
  • MySQL执行计划Explain如何分析 SQL语句?
  • Spring Boot项目中实现Excel的导出功能
  • HC32F460_GPIO驱动库
  • 【科研绘图系列】R语言绘制小提琴图、散点图和韦恩图(violin scatter plot Venn)
  • pytorch3d安装记录
  • PDF文档中文本解析
  • Redis文档总结
  • hot100-141、142、148、146、136、169、75、31、287
  • 基于用户分组的活动运营策略与“开源AI智能名片2+1链动模式S2B2C商城小程序”的应用探索
  • vue登陆下拉菜单
  • Unreal5从入门到精通之在编辑器中更新 UserWidgets
  • 用openresty和lua实现壁纸投票功能
  • sql server 从库创建的用户名登录后访问提示数据库无权限
  • 高等数学(上)题型笔记(六)定积分的应用