08 2021 档案
摘要:<template> <div id="test2_nav"> <button @click="test2_home()">Test2Home</button> </div> </template> <script> // @ is an alias to /src // import HelloW
阅读全文
摘要:<router-link to="/" active-class="current" replace>Home</router-link> | <router-link to="/about" active-class="current" replace>About</router-link> |
阅读全文
摘要:App.vue <template> <div id="nav"> <!-- 导航 --> <router-link to="/" active-class="current">Home</router-link> | <router-link to="/about" active-class="c
阅读全文
摘要:https://next.router.vuejs.org/zh/installation.html 创建项目是选上vue-router,没有选择vue-router的话要手动安装 npm install vue-router@4 package.json App.vue <template> <d
阅读全文
摘要:Test1.vue <template> <div class="test1"> <h1>This is a test1 page</h1> <Test1Top></Test1Top> <Test1Center></Test1Center> <Test1Bottom></Test1Bottom> <
阅读全文
摘要:Test1.vue <template> <div class="test1"> <h1>This is a test1 page</h1> <Test1Top :add-person="addPerson"/> <Test1Center :persons="persons" :del-person
阅读全文
摘要:App.vue <template> <div id="nav"> <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> | <router-link to="/test1">Tes
阅读全文
摘要:一、启动命令 npm run serve 二、打包命令 npm run build 三、程序入口 main.js main.js import { createApp } from 'vue' import App from './App.vue' import router from './rou
阅读全文
摘要:一、 管理员cmd进入目录, vue init webpack vue_project1 (项目名不能有大写字母) 安装 vue-cli 脚手架 npm install -g @vue/cli@next 创建工程 npm init vite-app test_project cd test_proj
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width:200px; height:200px; background-color:red; dis
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app1"> <h1>{{msg}}</h1> <h1>{{this.$option
阅读全文
摘要:<!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
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <box2 :total="appCo
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{price}}</h1> <h1>{{memberPrice
阅读全文
摘要:<!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"
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <async-item></async
阅读全文
摘要:<!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"
阅读全文
摘要:<!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
阅读全文
摘要:<!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>
阅读全文
摘要:<!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
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app" style="background-color:blue;height:
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div_box :brand="msg1" :colleges="ms
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- 调用全局注册的组件 --> <button-counter><
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- 调用全局注册的组件 --> <button-counter><
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <fieldset> <legend>信息录入</legend> <di
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <input type="text"
阅读全文
摘要:<!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}
阅读全文
摘要:<!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=
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>{{firstName+'•'+lastName}}</p> <p
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>运算结果:{{count}}</h1> <p> </p> <bu
阅读全文
摘要:<!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
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> [v-cloak]{ display: none; } </style> </head> <body> <div i
阅读全文
摘要:<!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
阅读全文
摘要:<!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
阅读全文
摘要:<!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
阅读全文
摘要:<!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-
阅读全文
摘要:<!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+
阅读全文
摘要: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
阅读全文
摘要:解决方式: 首先控制台卸载eslint : npm uninstall eslint --save 卸载之后再去package.json文件里删除"@vue/cli-plugin-eslint": "~4.5.0"
阅读全文
摘要:终端进程启动失败: shell 可执行文件“C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe”的路径不存在。 打开settings.json 配置setting.json { "powermode.enabled": true, "w
阅读全文
摘要:/* Navicat Premium Data Transfer Source Server : localhost Source Server Type : MySQL Source Server Version : 80023 Source Host : 127.0.0.1:3306 Sourc
阅读全文
摘要:一、下载 https://gitee.com/mirrors/vue-devtools/tree/next/ 解压下载下来的文件,cmd命令行进入主目录, 执行 yarn 命令下载第三方依赖, 执行 yarn run build 命令 编译源程序 https://v3.cn.vuejs.org/gu
阅读全文
摘要:一、下载 Visual Studio Code https://code.visualstudio.com/ 二、安装 修改中文显示 Ctrl + Shift + P 输入 confing , 或 Ctrl + P 输入 >config , 选择 Configure Display Language
阅读全文