创建前端项目--引入框架库
将框架资源导入到项目工程中【按照官方的要求】
在自己的代码中引入框架资源---就可以直接使用
基本使用
准备预加载代码
$(function)(){
//编写脚本内容
});
解释：$表示的是jquery对象
获取或者创建标签对象
获取对象：$（“css选择器”）
例如：$（“#test”）表示获取id的值是test的标签并且打包成对象
类似原生 doucment.selectquertry（）
创建对象：$（“标签结构”）
例如：$（“<a><a>”）表示创建对象A标签对象
类似原生doucment.createlement（“a”）
数据处理
提供三个方法
html（内容）表示可以想标签对象中添加信息，如果信息中包含html标签解析类似原生 innerhtml
text（内容）直接将内容作为文本显示
类似原生的innertext
val（内容）针对表单的处理
类似原生的values
事件
$(“选择器”).事件(function（）{
})
框架的编程思维方式的总结
框架----半成品项目--对一些常见功能进行了简化封装，提供了简化操作的方法
框架的使用离不开原生的基础编程语言，必须依赖
换句话说框架内容必须嵌入到基础语法编程环境中使用，是用来被调用
编程重点：基础语法
前端：html+css+JavaScript
后端：javase
数据库：sql语句和命令
编程的方式和要求
注释少不了
拆分需求，原子化功能【盖房子】
vue框架
为什么选择这个框架
有中国人主导参与的前端框架 国产化生态
确定有一套规范简化我们的编程
提出理念----单页面组件化开发
认识vue
概念
用户构建界面的JavaScript框架
基于html，css，JavaScript
提供一套声明式，组件化的编程模式
特点
组件化
数据库绑定：双向
状态管理
路由管理：当行链接
支持第三方UI库的整合
响应式数据布局处理
单页面应用开发
vue的分类
vue2：最早的vue技术---对js的无缝对接开发：脚手架开发打包服务端应用--webpack
vue学习总基本js框架到服务器化前端开发过度
到2023年12月31号停服维护
vue3：开始因js，后来主要支持typescript；
脚本架服务化开发--webpack--新的打包vit
主流vue框架
搭建vue的环境，编写第一个业务---体验vue的开发
环境搭建
常规引入vue库【至二级给<script>引入】：常规前端项目开发，嵌入vue
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
下载脚本到本地
[jsdelivr](https://www.jsdelivr.com/package/npm/vue) https://www.jsdelivr.com/package/npm/vue
[cdnjs](https://cdnjs.com/libraries/vue) https://cdnjs.com/libraries/vue
使用最新的hbuilderx创建项目可以包含项目中
服务器化脚手架：命令行工具（CLI）或者自带的脚本架，或者工具快捷方式 服务器化前端项目要求：
A.基础必须熟练【html,css，JavaScript】
B.熟希nodejs工具和技术
C.熟希vite/webpack的打包工具
创建项目-- 普通项目
创建普通web项目--直接使用hbuilderx的快捷方式
将vue.文件复制到项目中得就是目录下
在需要得页面中引入vue得js脚本
< script src-”脚本路径“>
编写显示和哦哦了的功能，可以点击数据递增
入门程序分析
获取vue框架脚本---放到项目中--通过<script>引入要页面使用 使用js的知识点
编写一个div快给一个id属性--作为显示内容窗体
{{变量或者表达式}} vue提供的用于在页面上显示数据，以及将变量中的数据获取显示
vi-mode和click 是vue提供的用于标签与变量绑定的指令和触发事件的指令
vue就是脚本编写规范
//创建预加载结构
var vue对象= vue.createApp（对象）；
//将vue应用对象与页面关联 挂在到页面上
vue对象名.mount（“#页面标签的id属性”）；
数据关联
vue中js变量数据和页面只用使用是强关联的---要变都变---双向绑定
通过案例我们也可以发现vue的核心功能---数据处理和数据到页面显示---一种开发模式--MVVM
MVVM和双向绑定
（view，viewmodel，model 试图 视图模型 数据模型）
