![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0学习与项目开发
文章平均质量分 54
star_evan
爱好自由,特长散漫
展开
-
Vue3.2 运行时类型检测和运用ts特性的编译时类型检测
在Vue3内,我们可以在script标签里的export default里添加defineProps这样可以进行一种运行时的声明。运行时声明的写法:<template > <h1>我是DefineProps-Runtime</h1> <h3>你好{{ name }} 现在是{{ time }} 年</h3></template><script setup>defineProps({ .原创 2021-12-07 08:17:28 · 2971 阅读 · 0 评论 -
【Vue3】【很基础】子组件如何向父组件传值?
【Vue3】【很基础】子组件如何向父组件传值?用html来简单演示。<script src="https://unpkg.com/vue@next"></script><body> <div id="app"/></body><script> const app = Vue.createApp({ //这里是父组件 data() { return {原创 2021-07-17 05:31:56 · 532 阅读 · 0 评论 -
vue3引入并使用router4.0的方法
vue3引入并使用router4.0的方法首先用vite2构建好项目,npm init @vitejs/app//这里之后给项目起名字,构建项目cd '你起的项目名'//进入项目文件夹下npm i //安装原始依赖//如果要运行项目npm run dev1.切记安装路由(在项目文件夹下):npm i vue-router@4这时候我们检查好依赖npm list可以看到router4已经成功安装2.引入路由进入main.js文件import {createRouter,原创 2021-07-13 23:19:55 · 92 阅读 · 1 评论 -
关于electron+vue构建桌面应用的问题
electron是一个强大的构建桌面应用的工具https://www.electronjs.org/vue是目前非常火热的前端框架如何将vue项目打包成桌面应用?首先我们使用vite构建一个vue项目原创 2021-07-13 13:27:49 · 184 阅读 · 0 评论 -
Vue 3.0 生命周期/钩子函数
让我们伴随着问题来学习。什么是生命周期?什么是钩子函数?Vue的一个组件的诞生到消亡中,有着许多的过程。这些过程就是一个生命周期 钩子函数是伴随着生命周期的,控制生命周期,主要是控制钩子函数。在vue2的时候,beforeCreate和created这两个函数就叫做钩子函数。我们先来看我们都知道的vue3.0中.vue模板文件中的setup函数,他就是在先于beforeCreate和created执行的。所以我们在用setup()就可以代替这两个生命周期。第二个生命周...原创 2021-07-07 04:02:56 · 4751 阅读 · 0 评论