Recently learning the Vue framework, using the Webpack Package Vue project, the following error occurred while executing NPM run start:This dependency is not found:* !! Vue-style-loader!css-loader? {"Minimize": false, "Sourcemap": false}!.. /.. /node_modules/vue-loader/lib/style-compiler/index? {"
The vue parent component transmits multiple data instances to the child component, and the vue transmits multiple instances.
When we use VUE components, we often need to pass some data of the parent component to the child component. At this time, we usually have many methods. There are two main situations:
First: static data transmission: passing a string
Type 2:
VUE-Scaffolding construction, vue-scaffolding
1. What is vue-cli?
Vue-cli is a scaffold of vue. js and is used to automatically generate a vue. js Project template.
Steps:
2. Installation-> Global installationNpm install
Summary of vue. js and summary of vue. js
This article mainly summarizes the understanding of vue:
Reference Source: http://blog.csdn.net/generon/article/details/72482844
Vue. js is a progressive framework for building user interfaces. Its core library only focuses on the view layer. Compared with other frameworks, it
Custom Event function diagrams of Vue components and custom diagrams of vue Components
Use v-on to bind custom events
(1) webpack-based project Initialization
Before using it, we first use npm to build a vue application so that the project can be used with the webpack module package. The command is as follows:
Enter the custom empty folder vuepro. During myapp pr
The front-end of Vue. js bootstrap implements paging and sorting, and vue. jsbootstrap
Complain a few times before writing. Originally focused on. net development, it gradually became only a front-end. Recently, the project basically uses java as the backend. We use. net as the front end, either using wpf as the interface or using html to write web pages.
I knew that my front-end technology was insufficient
How to Create vue components and how to use them, and how to create vue
What is a component?
Component is one of the most powerful functions of Vue. js. Components can expand HTML elements and encapsulate reusable code. At a higher level, a component is a custom element, and the Vue. js compiler adds special features t
Reference jQuery and bootstrap in vue-cli, and use sass and less to write css, vue-clijquery
Preface:
This article describes how to use vue-cli scaffolding by hand-after analyzing the detailed steps and text, and then describes how to configure vue-cli scaffolding, some of the steps in this article are not clear enough
Set global variables or data methods in vue, vue global variables
Example:
Const MyPlugin = {// the install method is required. // it contains two parameters: Vue constructor and an optional option object install (Vue, options) {Vue. prototype. test = "test";
A project created by vue-cli, how to configure multiple pages, and how to create vue-cli
Vue-cli, a command line tool officially provided by vue, allows you to quickly build a single-page application. Indexing index.html on a page is not complicated if we need to configure multiple pages.
Assume that the page to be cre
Vue implements the method of prompting to save and exit, and vue implements the SAVE and exit method.
Assume that you need to edit the text on a page, but do not click Save and jump to the next route. A better way is to give a prompt-"Your edited content has not been saved. Are you sure you want to exit ?" If you click "OK", exit without saving the current content. If you click "cancel", cancel the route ju
When using Vue.js to do the project, a page is composed of several components, so in the jump page, and not suitable for the traditional href, so vue-router came into being.
Official documents: https://router.vuejs.org/zh-cn/essentials/getting-started.html
have a lot of friends to find me to demo, but the blog in this case was I deleted, I had to write a super simple demo, hoping to help
Link: Http://pan.baidu.com/s/1nvqfA1V Password: 79BV
This time
In Vue, save the user logon status instance code and Log On As A vue user.
First, we assume that the logon component (register. vue) is a sub-component of the App. vue component and enters the logon component through a route.
After you click "Log on" in the logon component, a user name, my App, will be uploaded to the
Vue form instance code and vue form instance
What is Vue. js?
Vue. js is a library used to build interactive Web interfaces.
Vue. js provides MVVM data binding and a composable component system with simple and flexible APIs.
Vue.
Vue-cli and webpack in windows (3) use components and vue-cliwebpack
1. This article is based on vue-cli and webpack for windows (I) Environment installation and vue-cli and webpack for windows (I) import the bootstrap style.
2. Create two components under the src \ components folder, namely header.
Detailed vue source code tutorials and vue source code tutorials
Build Environment
Github address of the project
The project involves a json-server simulated get request and uses vue-router;
Vue lifecycle and vue-router Hook Function
Lifecycle
Version 1.0
1. What lifecycle i
How to mount a route entry to the head of a vue, and how to mount a vue
The route is written, but the correct way to switch the route is not to enter the address in the address bar. The way to switch is to click the navigation menu in the header, just like this.
Click the discovery, follow, and message above to switch the route navigation.
Let's write the navigation of the header first.
Open header.
Calculation attribute of Vue. js tutorial, calculation of vue. js tutorial
The Inline expression of Vue. js is very convenient, but its most suitable use scenario is simple Boolean operations or String concatenation. If more complex logic is involved, you should use the computing attribute.
The calculation attribute is used to declare that a value depends on othe
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.