vue3.0
茶荼
这个作者很懒,什么都没留下…
展开
-
setup参数
参数一:props * setup 可以接收props为父组件的传值的props * 如果props里的msg为必须项,可以通过 let {msg} = toRefs(props)进行解构赋值 * 如果msg为非必须项可以通过 let msg = toRef(props,'msg')进行创建msg <template> <div>{{ msg }}</div> </template> <script> import { r..原创 2021-11-29 17:01:01 · 2514 阅读 · 0 评论 -
ref,toRef,toRefs的区别
* ref创建一个响应式数据,修改该数据的时候不会更改原数据,ref相当于拷贝 * toRef创建响应式数据,修改会影响原数据,通过toRef创建的数据更细不会触发ui更新,toRef本质是引用,与原始数据有管理 * toRef接受两个参数,第一个参数是哪个对象,第二个参数是对象的哪个属性 * toRefs可以既与原数据进行关联,又可以更新ui视图 * toRefs接受一个对象,用于批量设置多个数据为响应式数据,它会遍历对象身上的所有属性,然后挨个调用toRef执行 ...原创 2021-11-29 16:50:48 · 474 阅读 · 0 评论 -
setup中expose的用法
子组件:childrenFile.vue <template> <div>{{ count }}</div> </template> <script> import { ref } from 'vue' export default { setup (props, { expose }) { const count = ref(0) const increment = () => ++count.value原创 2021-11-29 16:47:37 · 1227 阅读 · 0 评论 -
vue3.0笔记
Vite: 1.什么是Vite: Vite 是 Vue 作者开发的一款意图取代 webpack 的工具 其实现原理是利用 ES6 的 import 会发送请求去加载文件的特性,拦截这些请求,做一些预编译,省去 webpack 冗长的打包时间。 2.Vite 的安装和运行: 安装:npm install -g create-vite-app 创建:create-vite-app myApp 运行:cd myApp npm install npm run d...原创 2020-12-15 10:59:25 · 140 阅读 · 0 评论