This is the project from the YouTube crash course
npm install
Run the JSON-Server backend (http://localhost:5000)
npm run backend
Run the Vue dev server (http://localhost:8080)
npm run serve
npm run build
Task Tracker project from youtube crash course
This is the project from the YouTube crash course
npm install
npm run backend
npm run serve
npm run build
I copied your entire code into my code files and checked if it would work. The only difference between my project and the one listed here in this repo is I guess the vue.js version.
The problem that I have is that my routing does not work and therefore the views are not displayed corresponding to the paths specified in the index.js file. How I said I copied all your code and it still didn't worked out. When I inspect the html page it appears that the content is not injected into <router-view :showAddTask="showAddTask"></router-view>
. The routerLink
works it changes the URL without refreshing the page, but no component is displayed.
Thanks for the tutorial. It's great!
I followed along but still got this warning in the console every time I clicked on the "Add a Task" button:
Extraneous non-emits event listeners (addTask) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.
at <AddTask onAddTask=fn<bound addTask> >
at <App showAddTask=true onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {deleteTask: ƒ, addTask: ƒ, toggleStatus: ƒ, …} > >
at <RouterView showAddTask=true >
at <App>
I found out that declaring the emitted event works in removing the warning. Hope this helps.
emits: ['add-task']
to the export in /src/components/AddTask.vuevue-crash-2021/src/components/Task.vue
Line 23 in f2b2def
should that be <style scoped>
?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.