ch-1
对象实例化：
一个类，抽象的，不占内存空间；一个对象，具体的，把类具体化成一个对象就是对象实例化。
const app = Vue.createApp(App)
{{}}只能放单个变量，多的另外加
<div id="app">
<fieldset>
<legend>数据驱动视图</legend>
{{ message }}{{ fuck }}
</fieldset>
</div>
<script>
const App = {
data() {
return {
fuck:"ok" ,
message: 'Hello Vue!!'
}
}
}
Vue.createApp(App).mount('#app')
</script>
组件
Vue组件是什么？
组件就像是提前做好的模具，使用时拿出来就行，可以重复调用，它跟普通的Vue有一样的属性：
1、data （数据存放）
2、computed（计算属性）
3、watch（监听属性）
4、methods（方法存放）
熟悉的人应该看出来了，组件并没有el属性，组件没有根节点相关的属性。
ch-2
生命周期钩子
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。
ch-4
get和set方法
1.什么是get和set方法。
get是获得属性的一种方法。
set是设置属性的一种方法。
get负责查询，不带任何参数。
set负责设置，是通过参数的形式传递。
2.get和set的使用方法。
get和set是方法，所以可以进行判断。
get一般是得到，需要返回。
set是创建，不需要返回。
每一个对象都有一个get和set方法，如果调用的是对象内部的属性，命名格式是变量名前面添加。
3.get和set的定义。
get在对象初始化时定义。
set在对象定义后定义。
Object.defineProperty()
Object.defineProperty(obj, prop, descriptor) 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。
obj：要定义属性的对象。
prop：要定义或修改的属性的名称或 Symbol 。
descriptor：要定义或修改的属性描述符。
const object1 = {};
Object.defineProperty(object1, 'property1', {
value: 42,
writable: false
});
object1.property1 = 77;
// Throws an error in strict mode
console.log(object1.property1);
// Expected output: 42
