- 博客(5)
- 收藏
- 关注
RSS订阅原创 【vue3】四、onMounted、onCreated等使用
创建文件useMouse.js 从vue模块引入onMounted，ref 在onMounted中定义方法 import {onMounted, ref} from 'vue' export default function useMouse() { let x = ref(0) let y = ref(0) onMounted(() => { window.addEventListener('mousemove', e => { x.value = e.pageX .
2020-10-21 17:19:21
64351
3
原创 【vue3】三、data、computed、methods
简单数据ref 复杂数据reactive 使用方法： 在useCount.js中引用ref、reactive 导出useCount方法 在useCount方法中定义data、methods，并return也没需要的data、methods vue组件中引入useCount.js setup中return导入的data、methods template中使用data、methods // useCount.js import {ref,reactive} from 'vue' export defaul
2020-10-21 17:06:54
7996
原创 【vue3】 二、优点
优点： composition api 易维护 composition api解释：组合式api。 将同一个数据的data、methods、computed、onMounted等放在一起，也可以放在一个单独文件里; 按需引用，buil更快 vue 2 中通过option方式使用组件 // vue2 // 创建Vue实例 new Vue({render(){}}).$mount('#app') // 组件option配置方式使用，难维护， // data、methods见用this互相引用，但t
2020-10-21 16:39:04
468
原创 【vue3】一、安装
安装 安装vue3 npm view vue versions // 查看vue版本，安装最新稳定版 npm install -g vue@3.0.2 安装脚手架 create-vite-app npm install -g create-vite-app 创建项目 cd /code_dir // 进入代码目录，等下vue3的工程就是安装在这个目录里 create-vite-app vue3-camp // 创建名为vue3-camp的项目 cd ./vue3-camp npm install //
2020-10-21 15:36:31
320
原创 create-vite-app vue3-camp创建项目失败，如何解决？
问题： 在使用create-vite-app vue3-camp创建项目时失败，报错如下： /usr/local/lib/node_modules/create-vite-app/node_modules/fs-extra/lib/mkdirs/make-dir.js:85 } catch { ^ SyntaxError: Unexpected token { at createScript (vm.js:80:10) at Object.runIn
2020-10-21 14:16:41
2557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人