- 博客(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
61163
4
原创 【vue3】三、data、computed、methods
简单数据ref复杂数据reactive使用方法：在useCount.js中引用ref、reactive导出useCount方法在useCount方法中定义data、methods，并return也没需要的data、methodsvue组件中引入useCount.jssetup中return导入的data、methodstemplate中使用data、methods// useCount.jsimport {ref,reactive} from 'vue'export defaul
2020-10-21 17:06:54
7845
原创 【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
369
原创 【vue3】一、安装
安装安装vue3npm view vue versions // 查看vue版本，安装最新稳定版npm install -g [email protected]安装脚手架 create-vite-appnpm install -g create-vite-app创建项目cd /code_dir // 进入代码目录，等下vue3的工程就是安装在这个目录里create-vite-app vue3-camp // 创建名为vue3-camp的项目cd ./vue3-campnpm install //
2020-10-21 15:36:31
193
原创 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
2277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人