08 2021 档案

摘要:<template> <div id="test2_nav"> <button @click="test2_home()">Test2Home</button> </div> </template> <script> // @ is an alias to /src // import HelloW 阅读全文
posted @ 2021-08-31 14:38 残星 阅读(259) 评论(0) 推荐(0) 编辑
摘要:<router-link to="/" active-class="current" replace>Home</router-link> | <router-link to="/about" active-class="current" replace>About</router-link> | 阅读全文
posted @ 2021-08-31 14:22 残星 阅读(493) 评论(0) 推荐(0) 编辑
摘要:App.vue <template> <div id="nav"> <!-- 导航 --> <router-link to="/" active-class="current">Home</router-link> | <router-link to="/about" active-class="c 阅读全文
posted @ 2021-08-31 14:13 残星 阅读(232) 评论(0) 推荐(0) 编辑
摘要:https://next.router.vuejs.org/zh/installation.html 创建项目是选上vue-router,没有选择vue-router的话要手动安装 npm install vue-router@4 package.json App.vue <template> <d 阅读全文
posted @ 2021-08-31 13:34 残星 阅读(4831) 评论(0) 推荐(0) 编辑
摘要:Test1.vue <template> <div class="test1"> <h1>This is a test1 page</h1> <Test1Top></Test1Top> <Test1Center></Test1Center> <Test1Bottom></Test1Bottom> < 阅读全文
posted @ 2021-08-29 19:53 残星 阅读(590) 评论(0) 推荐(0) 编辑
摘要:Test1.vue <template> <div class="test1"> <h1>This is a test1 page</h1> <Test1Top :add-person="addPerson"/> <Test1Center :persons="persons" :del-person 阅读全文
posted @ 2021-08-29 17:31 残星 阅读(742) 评论(0) 推荐(0) 编辑
摘要:App.vue <template> <div id="nav"> <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> | <router-link to="/test1">Tes 阅读全文
posted @ 2021-08-28 19:19 残星 阅读(67) 评论(0) 推荐(0) 编辑
摘要:一、启动命令 npm run serve 二、打包命令 npm run build 三、程序入口 main.js main.js import { createApp } from 'vue' import App from './App.vue' import router from './rou 阅读全文
posted @ 2021-08-28 12:06 残星 阅读(81) 评论(0) 推荐(0) 编辑
摘要:一、 管理员cmd进入目录, vue init webpack vue_project1 (项目名不能有大写字母) 安装 vue-cli 脚手架 npm install -g @vue/cli@next 创建工程 npm init vite-app test_project cd test_proj 阅读全文
posted @ 2021-08-27 19:52 残星 阅读(201) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width:200px; height:200px; background-color:red; dis 阅读全文
posted @ 2021-08-26 18:50 残星 阅读(20) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app1"> <h1>{{msg}}</h1> <h1>{{this.$option 阅读全文
posted @ 2021-08-25 15:13 残星 阅读(26) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <box2 :num1="a" :nu 阅读全文
posted @ 2021-08-24 16:35 残星 阅读(2599) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <box2 :total="appCo 阅读全文
posted @ 2021-08-24 16:21 残星 阅读(46) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{price}}</h1> <h1>{{memberPrice 阅读全文
posted @ 2021-08-24 16:04 残星 阅读(39) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> </div> <script src="js/vue.3.2.2.js" 阅读全文
posted @ 2021-08-24 15:42 残星 阅读(35) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <async-item></async 阅读全文
posted @ 2021-08-22 20:22 残星 阅读(44) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> </div> <script src="js/vue.3.2.2.js" 阅读全文
posted @ 2021-08-22 20:11 残星 阅读(129) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div_box>aaa</div_box> </br> <div_bo 阅读全文
posted @ 2021-08-21 18:18 残星 阅读(37) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div_box ref="box"></div_box> </div> 阅读全文
posted @ 2021-08-21 17:25 残星 阅读(245) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div_box ref="box_1"></div_box> <div 阅读全文
posted @ 2021-08-21 16:56 残星 阅读(250) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app" style="background-color:blue;height: 阅读全文
posted @ 2021-08-21 16:36 残星 阅读(176) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div_box :brand="msg1" :colleges="ms 阅读全文
posted @ 2021-08-20 23:28 残星 阅读(97) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- 调用全局注册的组件 --> <button-counter>< 阅读全文
posted @ 2021-08-19 22:53 残星 阅读(492) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- 调用全局注册的组件 --> <button-counter>< 阅读全文
posted @ 2021-08-19 22:29 残星 阅读(231) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <fieldset> <legend>信息录入</legend> <di 阅读全文
posted @ 2021-08-18 17:17 残星 阅读(48) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <input type="text" 阅读全文
posted @ 2021-08-18 16:37 残星 阅读(33) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <ul> <li v-for="p in personArr">{{p} 阅读全文
posted @ 2021-08-17 18:24 残星 阅读(34) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <div v-if= 阅读全文
posted @ 2021-08-17 17:29 残星 阅读(31) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>{{firstName+'•'+lastName}}</p> <p 阅读全文
posted @ 2021-08-16 11:54 残星 阅读(34) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>运算结果:{{count}}</h1> <p> </p> <bu 阅读全文
posted @ 2021-08-15 22:29 残星 阅读(30) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <img v-bin 阅读全文
posted @ 2021-08-15 16:41 残星 阅读(35) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> [v-cloak]{ display: none; } </style> </head> <body> <div i 阅读全文
posted @ 2021-08-15 16:16 残星 阅读(24) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>产生编译 {{msg}}</h1> <p> </p> <h1 v 阅读全文
posted @ 2021-08-15 16:07 残星 阅读(71) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <div v-htm 阅读全文
posted @ 2021-08-15 16:04 残星 阅读(46) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <h1 v-text 阅读全文
posted @ 2021-08-15 15:54 残星 阅读(33) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>会变化 {{msg}}</h1> <p> </p> <h1 v- 阅读全文
posted @ 2021-08-15 13:06 残星 阅读(25) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <h1>{{msg+ 阅读全文
posted @ 2021-08-15 12:51 残星 阅读(38) 评论(0) 推荐(0) 编辑
摘要:https://v3.cn.vuejs.org/api/ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> hello Vue.js </title> </head> <body> <!--View--> <div id="ap 阅读全文
posted @ 2021-08-14 12:51 残星 阅读(84) 评论(0) 推荐(0) 编辑
摘要:解决方式: 首先控制台卸载eslint : npm uninstall eslint --save 卸载之后再去package.json文件里删除"@vue/cli-plugin-eslint": "~4.5.0" 阅读全文
posted @ 2021-08-09 14:39 残星 阅读(1067) 评论(0) 推荐(0) 编辑
摘要:终端进程启动失败: shell 可执行文件“C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe”的路径不存在。 打开settings.json 配置setting.json { "powermode.enabled": true, "w 阅读全文
posted @ 2021-08-09 14:01 残星 阅读(7757) 评论(0) 推荐(0) 编辑
摘要:/* Navicat Premium Data Transfer Source Server : localhost Source Server Type : MySQL Source Server Version : 80023 Source Host : 127.0.0.1:3306 Sourc 阅读全文
posted @ 2021-08-09 11:46 残星 阅读(47) 评论(0) 推荐(0) 编辑
摘要:一、下载 https://gitee.com/mirrors/vue-devtools/tree/next/ 解压下载下来的文件,cmd命令行进入主目录, 执行 yarn 命令下载第三方依赖, 执行 yarn run build 命令 编译源程序 https://v3.cn.vuejs.org/gu 阅读全文
posted @ 2021-08-08 23:07 残星 阅读(56) 评论(0) 推荐(0) 编辑
摘要:一、下载 Visual Studio Code https://code.visualstudio.com/ 二、安装 修改中文显示 Ctrl + Shift + P 输入 confing , 或 Ctrl + P 输入 >config , 选择 Configure Display Language 阅读全文
posted @ 2021-08-08 19:16 残星 阅读(47) 评论(0) 推荐(0) 编辑