Vue
Vue知识点
taoqidejingling
这个作者很懒,什么都没留下…
展开
-
Vue3.0新特性(一)
目录一、setup二、ref 传入原始数据类型三、reactive 传入对象类型四、生命周期钩子函数一、setupsetup 函数是 composition API(组合式 API) 的一个入口点✦ 调用时机先创建组件实例,再初始化 props,紧接着调用 setup 函数。从生命周期钩子视角来看,setup 函数会在 beforeCreate 钩子之前被调用✦ 模版中使用如果 setup 返回一个对象,则对象的属性将会被合并到组件模版的渲染上下文<tem原创 2020-10-09 00:20:56 · 1103 阅读 · 1 评论 -
Vue3.0安装以及插件推荐
一、配置 Vue3.0 开发环境// 全局安装或升级npm install -g @vue/cli# ORyarn global add @vue/cli// 使用 vue 创建项目vue create my-project# ORvue ui原创 2020-10-07 16:46:08 · 1215 阅读 · 0 评论 -
VueRouter中params和query的区别
query 和 params 两者都是在 vue 路由中传递参数query 和 params 用法:query 用 path 引入,params 只能用 name 来传递,不能使用 pathquery 方式传递参数和接收参数:// 传参this.$router.push({ path: '/userList', query: { id: id }})// 接收参数this.$route.query.id传参是 this.$router,原创 2020-09-29 23:24:50 · 507 阅读 · 0 评论 -
使用Vue写一个简易计算器
注:输入框中的值都是字符串形式,需要使用 parseInt() 把字符串转换成数值型Vue3.0 实现简易计算器<template> <div> <input type="text" v-model="num1" /> <span>+</span> <input type="text" v-model="num2" /> <span>=</span> <原创 2020-09-04 22:39:17 · 2547 阅读 · 0 评论 -
Vue3.0 在 vue.config.js 里关闭 Eslint 检查
在项目根目录下新建vue.config.js 文件,进行如下配置:// vue.config.jsmodule.exports = { lintOnSave: false}想深入研究的小伙伴们可以看下面文档@vue/cli-plugin-eslintVue cli 官方配置参考原创 2020-09-04 22:28:00 · 3484 阅读 · 0 评论