更多内容请见原文，原文转载自:https://blog.csdn.net/weixin_44519496/article/details/118755888
Vue3.0系列——「vue3.0学习手册」第一期
一、项目搭建
vite是尤大大开发的一款意图取代webpack的工具。其实现原理是利用ES6的import发送请求加载文件的特性。拦截这些请求，做一些编译，省去webpack冗长的打包时间。并将其与Rollup捆绑在一起用于生产。 在开发过程中没有捆绑。源代码中的ES Import语法直接提供给浏览器，浏览器通过本机
1、全局安装vite脚手架
npm install -g create-vite-app
2、使用脚手架创建项目
create-vite-app projectName
3、进入项目文件夹
cd projectName
4、安装依赖
npm install
5、启动vue3.0项目
npm run dev
二、vue2.x存在的问题
2.x中的一点问题是当业务不断增多时，数据跟逻辑分散，会很难维护。
代码语言：javascript复制<template>
<div>
<div>
<input type="text" v-model="obj.id">
<input type="text" v-model="obj.con">
<button @click="submit">提 交</button>
</div>
<ul>
<li v-for="(item,index) in list" :key="item.id" @click="cli(index)">
{{item.id}}-{{item.con}}
</li>
</ul>
</div>
</template>
<script>
export default {
name:"filterBox",
data(){
return {
list:[
{
id:1,
con:"a"
},
{
id:2,
con:"b"
}
],
obj:{
id:"",
con:""
}更多内容请见原文，原文转载自:https://blog.csdn.net/weixin_44519496/article/details/118755948
