2021年04月_hamimelon2020

原创想修改时间而不会

<template> <title>陈尼克</title> <div> <p>姓名: {{ name }}</p> <p>职业: {{ state.work }}</p> <p>年龄: {{ state.age }}</p> <p>时间: {{ state.time }}</p> <button>修改</button&g

2021-04-21 12:31:03 79

原创又重写修改了nick前端工程师的代码，把它提到App.vue里来了

还把const app修改成export default {<template> <title>陈尼克</title> <div id="app" v-cloak> <p>姓名: {{ name }}</p> <p>职业: {{ state.work }}</p> </div></template><script>import { ref, rea

2021-04-21 12:18:57 116

原创陈尼克你好的代码

<template> <test :count="count" @add="add"></test> </template><script>import { ref, isRef } from "vue";import Test from "./components/Test.vue"; export default { name: "#App", //disc:你好, }, setup()

2021-04-19 13:35:01 222

原创判断是不是ref类型的变量

<template> <test :count="count" @add="add"></test> </template><script>import { ref, isRef } from "vue";import Test from "./components/Test.vue"; export default { name: "App", components: { Test, },

2021-04-19 13:16:03 380

原创 count有很多种变换方式

0刷新一下变成1；0自动变成1，2，3，……0点加号按钮，变成50，100，150，周五才做过的0点过两秒变成1；刷新一下变成1，核心代码const count = ref(0)count.value = 1即可0点加号变成50完全不会，又忘得一干二净<template> <p>{{ count }}</p> <button>++++</button></template><script>

2021-04-19 11:49:35 452 1

原创居然蒙对了，0变为1，没有用到reactive，只用到ref，什么时候两个都需要用到？

<template> <p>{{ count }}</p></template><script>import { ref } from "vue"; export default { name: "App", setup() { const count = ref(0) setTimeout(() => { count.value = 1; }

2021-04-19 11:05:17 61

原创可以通过怎样的形式修改值呢，完全不会，完全没有思路

<template> <p>{{ state }}</p></template><script>import { ref, reactive } from "vue"; export default { name: "App", setup() { const state =reactive(["arr1", "arr2", "arr3"]); return { state,

2021-04-19 10:42:51 76

原创响应式的案例，错误的代码

<template> <p>{{ state.title }}</p></template>import { ref, reactive } from vue; export default { props: state title: arr1 } </script> <style> </style>

2021-04-19 09:20:03 54

原创上一个没成功，这个成功了，但是是抄成功的

<template> <div>{{count }}</div> <button @click="add">++++</button></template><script>import { watchEffect } from "vue";export default { name: "Test", props: { count: Number, add: Function,

2021-04-19 09:15:15 38

原创哦，这个就是0，原来以为有问题，这个就是初始值就没错了

App.vue<template> <Test :count="count"></Test></template><script>import { ref } from "vue";import Test from "./components/Test.vue" export default { components: { Test, }, setup() { const count =

2021-04-19 09:14:37 64

原创先其实做出来过，但是没看清吧，应该，又对自己有些怀疑，就又做错了

Test<template> <div>{{ count }}</div></template><script>import { watchEffect } from 'vue'export default { name: "Test", props: { count: Number }, setup(props) { watchEffect(() => { console.log('p

2021-04-19 09:14:26 46

原创没懂这个wathchEffect应该怎么用，怎么加上去不对呢

<template> <div id="app">{{ count }}</div></template><script>//import { defineProps, reactive } from 'vue'//import { createApp, ref, reactive } from 'vue'//const { createApp, ref, reactive } = Vue;// Test.vueimpor

2021-04-16 14:39:01 64

原创在哪里加那个计数器，是components的Test里，还是App.vue里？为什么加的不对？

<template> <div id="app">{{ count }}</div></template><script>//import { defineProps, reactive } from 'vue'//import { createApp, ref, reactive } from 'vue'//const { createApp, ref, reactive } = Vue;export default {

2021-04-16 14:16:49 82

原创如果h忘记写再import里了，就显示不出来，说h没有被定义

<template> <title>陈尼克</title> <div> {{ count }} {{ object.foo }} </div></template><script>//import { defineProps, reactive } from 'vue'//import { createApp, ref, reactive } from 'vue';import { ref

2021-04-16 12:31:19 158

原创计时器setTimeout()方法的用法，怎样改变成1 foo

<template> <title>陈尼克</title> <div> {{ count }} {{ object.foo }} </div></template><script>//import { defineProps, reactive } from 'vue'//import { createApp, ref, reactive } from 'vue';import { ref

2021-04-16 12:23:48 125

原创怎么改成1 foo呢？

改得不对<template> <title>陈尼克</title> <div id="app"> {{ count }} {{ object.foo }} </div></template><script>//import { defineProps, reactive } from 'vue'import { createApp, ref, reactive } from 'vue';

2021-04-16 11:30:05 53

原创这样写之出来一个0，没有出来bar

<template> <title>陈尼克</title> <div id="app"> {{ count }} {{ object.foo }} </div></template><script>//import { defineProps, reactive } from 'vue'import { createApp, ref, reactive } from 'vue';//con

2021-04-16 11:17:14 61

原创为什么const App = { 不行，必须要export default { ，为什么vue要export default而html用const App且createApp.mounted

<template> <title>陈尼克</title> <div id="app"> <p>姓名: {{ name }}</p> <p>职业: {{ state.work }}</p> </div></template><script>//import { defineProps, reactive } from 'vue'import {

2021-04-16 00:51:18 703

原创为啥现在又醒了呢，用vite2，刚才那个有什么问题？

<template> <div id="app"> <p>姓名: {{ name }}</p> <p>职业: {{ state.work }}</p> </div></template><script>//import HelloWorld from './components/HelloWorld.vue'//import { ref, reactive } from

2021-04-16 00:39:47 114

原创老师的示例，是在App.vue中改的，为什么没在HelloWorld中改呢，我也再在App.vue中改一下试试

<template> <div>{{ count }} {{ object.foo }}</div></template><script>//import HelloWorld from './components/HelloWorld.vue'import { ref, reactive } from "vue"; export default { setup() { const count = re

2021-04-16 00:32:19 210

原创这样写也行，把hoppy放在ref这里，name放在state这里，只是相应的位置要改动，段落那里排好就行

<!DOCTYPE html><html><head><meta charset="utf-8"><title>陈尼克</title><style> [v-cloak] { display: none; }</style></head><body> <div id="app" v-cloak> <p>姓名: {{ s.

2021-04-16 00:04:15 88

原创再加一个也行，不放在state下，行不行呢？

<!DOCTYPE html><html><head><meta charset="utf-8"><title>陈尼克</title><style> [v-cloak] { display: none; }</style></head><body> <div id="app" v-cloak> <p>姓名: {{ n.

2021-04-15 23:59:05 90

原创加一个work也可以，变三行了

<!DOCTYPE html><html><head><meta charset="utf-8"><title>陈尼克</title><style> [v-cloak] { display: none; }</style></head><body> <div id="app" v-cloak> <p>姓名: {{ n.

2021-04-15 23:55:00 58

原创为什么必须用const { createApp, ref, reactive } = Vue；而import { defineProps, reactive } from ‘vue‘不行，二者有什么区

这个直接不显示<!DOCTYPE html><html><head><meta charset="utf-8"><title>陈尼克</title><style> [v-cloak] { display: none; }</style></head><body> <div id="app" v-cloak> <p>

2021-04-15 23:52:55 1940

原创可以把work改成age

<!DOCTYPE html><html><head><meta charset="utf-8"><title>陈尼克</title><style> [v-cloak] { display: none; }</style></head><body> <div id="app" v-cloak> <p>姓名: {{ n.

2021-04-15 23:47:16 76

原创修改了，添加了一行代码，还是不行，出不来，在vite2项目里

<template> <title>陈尼克</title> <div id="app"> <p>姓名: {{ name }}</p> <p>职业: {{ state.work }}</p> </div></template><script>//import { defineProps, reactive } from 'vue'import {

2021-04-15 23:44:25 374

原创太坑了，刚才写错了一个字母，把const App写成了const app

用html可以<!DOCTYPE html><html><head><meta charset="utf-8"><title>陈尼克</title><style> [v-cloak] { display: none; }</style></head><body> <div id="app" v-cloak> <p>

2021-04-15 23:38:13 106

原创再试试放在HelloWorld.vue里试试，第一次没出来，再试一次看看

<template> <title>陈尼克</title> <div id="app" v-cloak> <p>姓名: {{ name }}</p> <p>职业: {{ state.work }}</p> </div></template><script>//import { defineProps, reactive } from 'vue

2021-04-15 23:19:08 271

原创怎样在建好的vite2项目里运行html-vue呢，应该放在哪个文件里面呢？

放在App.vue里，似乎是不对的<template> <title>陈尼克</title> <div id="app" v-cloak> <p>姓名: {{ name }}</p> <p>职业: {{ state.work }}</p> </div></template><script>const { createApp, ref, react

2021-04-15 23:09:41 151

原创今天遇到的几个问题

全部走了一遍08的问题是完全不行，从npm install vite开始就不行还有的问题，是注册点不动，登录用admin和111111也点不动收支的明细出不来，明明每一步都做到位了。不知道哪里出问题了。

2021-04-14 16:25:13 128

原创还是只有npm install vite好使，其他的都不行

ivyone@ivyonedeMacBook-Pro daily-cost-h5-05 % ivyone@ivyonedeMacBook-Pro daily-cost-h5-05 % npm run dev> daily-cost@0.0.0 dev> vitesh: vite: command not foundivyone@ivyonedeMacBook-Pro daily-cost-h5-05 % npm install vite2npm ERR! code E404np

2021-04-14 15:40:51 5142

原创新的vite代码来了，怎么装vite，复现？

const path = require('path')module.exports = { port: 8080, cssPreprocessOptions: { less: { modifyVars: { 'white': '#000', hack: `true; @import "${path.resolve(__dirname, 'src/assets/css/myTheme.less')}";` } } }}

2021-04-14 15:35:42 1505

原创 [plugin:vite:css] variable @link-color is undefined又出来这样一个bug

[plugin:vite:css] variable @link-color is undefinedivyone@ivyonedeMacBook-Pro guagua1 % npm run dev> guagua1@0.0.0 dev> vite vite v2.1.5 dev server running at: > Local: http://localhost:3000/ > Network: http://192.168.3.11:300

2021-04-14 09:25:41 4995 2

原创 [plugin:vite:import-analysis] Failed to resolve import “axios“ from “src/utils/axios.js“. Does the f

[plugin:vite:import-analysis] Failed to resolve import “axios” from “src/utils/axios.js”. Does the file exist?这是什么bug？

2021-04-13 15:48:15 11174 2

原创删掉以后，又说data没有定义，Uncaught ReferenceError: Data is not defined，router下index.js里到底应该是怎样

import { createRouter, createWebHashHistory } from "vue-router";import Home from "../views/Home.vue";const router = createRouter ({ history: createWebHashHistory(), routes: [ { path: "/", component: Home, },

2021-04-12 17:08:02 642

原创 bug:Uncaught SyntaxError: Identifier ‘Home‘ has already been declared

暂时不知道怎么解决

2021-04-12 17:05:19 649

原创引入插件的库的代码，babel.config.js

module.exports = { plugins: [ [ "import", { libraryName: "vant", libraryDirectory: "es", style: true, }, "vant", ], ],};

2021-04-12 16:33:08 889

原创 app没有被定义

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue的方法_侠课岛(9xkd.com)</title><script src="https://unpkg.com/vue@next"></script><script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axio.

2021-04-08 23:59:40 600

原创体会组件中props和$emit的用法

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue的方法_侠课岛(9xkd.com)</title><script src="https://unpkg.com/vue@next"></script><script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axio.

2021-04-08 23:55:56 85

原创组件的代码没有用vitejs/app成功实现

https://mp.weixin.qq.com/s?src=11&timestamp=1617861537&ver=2995&signature=Zas3obJnZoKhvGh3SDGXICbWdPHTSnqLayOGXFVxVH1ejpJSy3a1dSkfcbHMKnxQ2zBqW6YYhFtuiJ8u3ZJ2c5sWr5WQ2cI9d2R4SVHb8xMRgqMKsEwx3tJLRWI9ip&new=1TemplateM.vue =App.vue吗？<temp

2021-04-08 14:30:43 114

空空如也

空空如也