Basic vue-router knowledge and working principle, basic vue-router knowledge
Preface
I was asked about the dynamic route of vue during the interview today. I didn't answer the question, and I felt that it was not a rare question. I haven't read the vue-router document for a long time. Many of the things and concepts I
Direct script Introduction to download static vue.js filesThen copy to the same directory with Copy-webpack-plugin
vue installed with NPMcannot directly use the import vue from "Vue" because this refers to the Vue.common.jsCheck Information:Why does it lead to vue.common.js, from ‘vue‘ should not be cited is vue.js?
Build a Vue. js Project template and a vue. js TemplatePreface
Since the beginning of this year (2017), our team began to introduce "Vue. js" to develop mobile products. As the leader of the team, my first task is to design the overall architecture. A good architecture must have rich development experience before it can be built. Although I have many years of fro
4.1. The Vue handling of the listener eventVue provides a way to help us bind time to the tag, and of course we can bind the event directly in the DOM's native way. The instructions provided by Vue are also very convenient to bind, and can make viewmodel more concise and more logical. So it is recommended for everyone to use.Vue provides v-on instructions to help us with the binding of events. Basic inline
Practices for using Webpack to build Vue projects, and using webpack to build vue
Recently, some vue + webpack-based attempts have been made in internal projects. After a small scope of discussions with colleagues, many people agree and like it. So I will share this article with more people.
Install the node environment before you start. (The installation process
Summary of Vue component development skills and vue component development skillsPreface
As I graduated, I wrote a simple personal blog. The project address is my visit to the Project address (by the way, star). This is the first series of summaries. Next, we will imitate the dialog box and the bullet box component of a Low-configuration Element step by step.Body
Vue
Basic knowledge of vue. js declarative rendering and condition and loop, basic knowledge of vue. js
The specific content of vue. js declarative rendering and conditions and loops will be shared with you.
Bind DOM element text value
Html code:
JavaScript code:
var app = new Vue({ el: '#app', data: { message: 'Hello
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:
Defining Global ComponentsWe define a global component through Vue's component method.
The component is also a Vue instance, so it is also received when it is defined: data, methods, life cycle functions, etc.
The difference is that the component is not bound to the element of the page, otherwise it cannot be reused, so there is no El attribute.
However, the component rendering requires an HTML template, so the template property is a
Detailed description of vue nested route-query transfer parameters, detailed description of vue Nested-query
In nested routing, we often encounter the parent route passing parameters to the Child route. There are two methods to pass parameters through query or params.
Index.html
Main. js also displays the parent route through redirection.
Import Vue from '
Vue introduces the new vue-awesome-swiper plug-in,
This article introduces the new version of vue-awesome-swiper and shares it with you as follows:
Problem
Why is the pagination dot of my vue-awesome-swiper component not displayed?
Why does my vue-awesome-swiper not pla
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 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
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
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.