jcodery的博客

记录张天宇老师Vue3的教学知识学习笔记，侵删打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking…Composition API（组合API）新的内置组件其他改变官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create2.使用 vite 创建官方文档：https://v3.cn.vuejs.org/

方法一——只能配置一个代理客户端8080给服务端5000传递数据，但是由于存在跨域问题，需要配置代理​ 在vue.config.js中添加如下配置：devServer:{ proxy:"http://localhost:5000" //这里端口号和服务器端保持一致}说明：优点：配置简单缺点：不能配置多个代理工作方式：若按照上述配置代理，当请求的资源在前端不存在时，才会将该请求转发给服务器 （优先匹配前端资源）方法二——配置多个代理​ 编写vue.config.js配置具体

方法一、借助函数父组件给子组件传递一个函数，子组件接收到这个函数后，在函数中传入参数，对该参数的操作交给父组件来完成，由此可实现子传父功能

在package.json文件的同一目录下，创建vue.config.js文件，内容配置如下：module.exports = { lintOnSave: false }可关闭eslint语法检查更多设置可参考VueCLI官方配置参考

一、问题使用VueCLI时，若在main,js中使用模板的方式，此时页面并不渲染new Vue({el: '#app',template: `<App></App>`,components: {App}})控制台页面报错提示根据报错提出两种解决办法：1.使用render函数2.使用完整版的Vue二、为什么在main.js文件中通过以下方式引入Vue时，此时使用的运行版本的vue（ vue.runtime.js），而在该版本中缺少了模板解析器import

Vue中关于子组件通过双向双向绑定props修改父组件中数据报错问题在官方文档中，不允许子组件直接通过双向绑定，修改props属性中的值，若要修改，则会报错解决方法：因为子组件的props属性绑定的是父组件中的data，当子组件直接通过双向绑定（props）来修改值时，相当于通过该属性直接修改了父组件中的data，该做法是不允许的因此实现双向绑定时，还是需要绑定data属性中的值：即首先将父组件的data值传给子组件中props的属性，然后在子组件中声明data属性，用props属性中的值初