网站风格的特点,饮食网站首页页面,长沙优化公司,手机百度极速版学习自哔哩哔哩上的“刘老师教编程”#xff0c;具体学习的网站为#xff1a;8.Vue框架快速上手_哔哩哔哩_bilibili#xff0c;以下是看课后做的笔记#xff0c;仅供参考。
第一节#xff1a;前端环境准备
编码工具VSCode【www.code.visualstudio.com】/WebStorm也可具体学习的网站为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就是ViewModelViewModel负责连接View和Model保证试图和数据一致性。 第三节Vue快速入门
导入vue.js的script脚本文件
script srchttps://unpkg.com/vuenext/script
在页面声明一个将要被vue所控制的DOM区域既MVVM中View
div idapp{{ message }}
/div
创建vm实例对象vue实例对象
const hello {//指定数据源既MVVM中的Modeldata: function(){return {message: hello vue}}
}const app Vue.createApp(hello)
app.mount(#app)
