Vue
丁七岁
科学技术是第一生产力,我要掌握核心科技!
展开
-
vue.config.js配置文件
module.exports = { // publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/', //基本路径 publicPath: './',//默认的'/'是绝对路径,如果不确定在根路径,改成相对路径'./' // 输出文件目录 outputDir: 'dist', assetsDir: 'static', indexPath: 'index.htm原创 2021-07-10 11:58:37 · 2193 阅读 · 0 评论 -
vue3生命周期钩子函数
// setup相当于vue2中的beforeCreate和created,并且在两者之前执行 setup(){ let test = ref('测试') // 挂载开始之前被调用 onBeforeMount(()=>{ console.log('onBeforeMount',test) }) // 实例被挂载后调用,不会保证所有的子组件也被挂载完 onMounted(()=>{ console.log('原创 2021-06-23 14:56:37 · 379 阅读 · 0 评论 -
使用vscode格式化vue代码是 函数后面的空格被吃
Missing space before function parentheses安装这个插件,好用!!!配置: "[vue]": { "editor.defaultFormatter": "rvest.vs-code-prettier-eslint" }, "vetur.format.defaultFormatter.js": "prettier-eslint",原创 2021-06-11 21:18:30 · 709 阅读 · 1 评论 -
vue-cli4.5 index.html模板中htmlWebpackPlugin.options.title的修改
在根目录下创建vue.config.js文件,编写配置module.exports = { chainWebpack: config => { config.plugin('html') .tap(args => { args[0].title = '丁七岁' return args }) }}这个标题就改回来了...原创 2021-06-11 17:13:09 · 626 阅读 · 0 评论 -
关于vue3.x中的emits的用法
这是官方的文字介绍。emits重要用于组件之间的通信,触发自定义事件,传递参数。下面演示一个子组件把事件传递到父组件,组件间通信的例子。<template> <teleport to="#modal"> <div id="center" v-if="isOpen"> <h2> <slot>this is a modal</slot> </h2> <.原创 2021-06-09 20:44:55 · 21166 阅读 · 0 评论 -
vue3中文文档地址
https://vue3js.cn/docs/zh/原创 2020-11-18 10:22:49 · 590 阅读 · 0 评论 -
npm run serve卡住
发现是:template中忘记写div了原创 2020-11-15 19:44:54 · 666 阅读 · 0 评论 -
通过 Prop 向子组件传递数据
这是一个通过 Prop 向子组件传递数据的小例子。代码:<!DOCTYPE html><html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; p原创 2020-10-27 20:35:57 · 2105 阅读 · 3 评论 -
vue点击按钮实现简单页面的切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <原创 2020-09-05 11:55:21 · 4262 阅读 · 0 评论 -
我的第一个vue-cli项目
1. 什么是vue-cl呢?vue-cli 是官方提供的一个脚手架,使用它可以快速构建Vue项目。今天我们就使用vue-cli来创建一个入门项目。2. 安装Node.js下载地址:http://nodejs.cn/download/根据你的情况进行安装,这里我安装的是Windows 64位。安装完成后打开命令行窗口,进行检验。3.安装 Node.js加速器4.安装 vue-...原创 2019-11-21 20:35:28 · 347 阅读 · 0 评论