春色常昭志士 才华乐奉勤人

Vue-cli是Vue2.0最棒的前端构建工具，是WebPack的超集Vue-cli 基于WebPack构建，配置好了打包规则；内置了热模块重载的开发服务器；有丰富的官方插件合集，站在webpack庞大的社区资源上友好的图形化创建和管理Vue项目界面 : vue uiVue-cli在(前端)服务启动之前，要把所有代码打包成Bundle再启动服务，这也是为什么一个些大型项目 启动时，特别慢的原因。这一点在Vite做了大幅度改善Vite是Vue团队开发的新一代前端开发与构建工具，Vite不是基于webp

步骤1 新建Vue3.0项目这里我是选择使用 Vite 创建项目，感兴趣的小伙伴也可以使用vue-cli的方式创建。命令提示符里执行 ： npm init vite-app project-name // 项目名​ cd your-project-name // 进入对应路径​ npm install //安装依赖node_modules​ npm run dev // 运行项目步骤2 确定脚手架版本 安装所需依赖并配置这时候我们的package.json.文件里应该是空空如也的，我们需要进行

响应式数据的概念这个术语在今天的各种编程讨论中经常出现，但人们说它的时候究竟是想表达什么意思呢？本质上，响应性是一种可以使我们声明式地处理变化的编程范式。一个经常被拿来当作典型例子的用例即是 Excel 表格：这里单元格 A2 中的值是通过公式 = A0 + A1 来定义的 (你可以在 A2 上点击来查看或编辑该公式)，因此最终得到的值为 3，正如所料。但如果你试着更改 A0 或 A1，你会注意到 A2 也随即自动更新了。而 JavaScript 默认并不是这样的。如果我们用 JavaScript

关于Pinia如果你之前使用过Vue2.0的状态管理Vuex，那么上手Pinia将会变的十分简单核心部分 Storestore是一个保存状态和业务逻辑的实体，它并不与你的组件树绑定；换句话说，它承载着全局状态；它有点像一个永远存在的组件，每个组件都可以读取和写入它store它有三个概念，state、getters和actions，我们可以l理解成组件中的data、computed和methods在项目中的src\store文件夹下不同的store.js文件store是用defineStore(

什么是 Pinia 呢？Pinia是Vue3版本的专属状态管理库，它允许你跨组件或页面共享状态。Pinia 和 Vuex 的区别在哪里？PInia的最初是为了探索Vuex的下一次迭代会是什么样子，结合了Vuex核心团队讨论中的许多想法；最终，团队意识到Pinia已经实现了Vuex5中大部分内容，所以最终决定用Pinia来替代Vuex；与Vuex相比，Pinia提供了一个更简单的API，具有更少的仪式，提供了Composition-API风格的API（也就是我们熟知的组合式API）；更重要的是，与

1.setup用来写组合式api，从生命周期的角度，相当于取代了beforeCreate()，setup函数执行时机是在beforeCreated和created两个周期函数之前，2. setup(){ } ：内部的属性和方法，必须用return暴露出来，要将属性挂载到实例上，否则没有办法使用。context 上下文环境，其中包括了 属性(attrs)，插槽(slots)，自定义事件(emit)三个部分。1.语法糖：写在script开始标签中，内部的属性和方法，无需return暴露；

Vue生命周期就是对象从创建到销毁的过程。

Object.defineProperty 只能劫持对象的属性，从而需要对每个对象、每个属性进行遍历，如果属性值是对象，还需要进行深度遍历。在Vue2.x中，Object.defineProperty()方法会在对象上定义一个新对象，或者修改一个对象的现有属性，并返回此对象。数据劫持指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。prop:要定义或修改的属性名或Symbol，也就是源数据中要读写的信息；obj:要定义的属性的对象，也就是响应数据源的对象；

山前山后各有风景有风无风都很自由

落子无悔 抉择本就是向前

一晃又一秋 有人再见有人再见

山间涓流 岂能与无量之海争辉