This is a creation in
Article, where the information may have evolved or changed.
Objective
Vue-devtools is a chrome-based browser plugin for debugging Vue applications, which can greatly improve our debugging efficiency. Next we will introduce the installation of Vue-devtools.
Chrome Store installs directly
Vue-devtoo
Note: Vue-router 2 is only available for the vue2.x version, and here we are based on vue2.0 about how to use Vue-router 2 to implement the routing function.It is recommended to use NPM installation.
NPM Install Vue-router
first, using routingIn Main.js, you need to explicitly install the routing feature:
Import Vue
Source code of Vue listening data object changes, source code of vue listening object
When listening for changes in data objects, the easiest thing to think of is to create a table that needs to be monitored, regularly scan its values, and perform the corresponding operations if there are changes. However, this implementation method has a performance problem, if you want to monitor a large amount of data, i
Mobile carousel image vue-awesome-swiper, vue-awesome-swiper
Design documents and demos are written on a daily basis. When I write a carousel image, I think bootstrap is not suitable for mobile terminals, or is not lightweight, So I change it to Swiper, but when I wrote it, I found out how to embed it into Vue?
Σ (° △° |) then )︴!?
There are still a lot of
Use vue. js to create paging components and vue. js paging Components
I learned vue. js for a while, used it for two small components, and practiced it.I am using webpack for packaging, and I am familiar with its application.The source code is put on the github address at the end of the article.
First, index.html
I put the app component in After packaging throug
Creating a single-page application with Vue.js + Vue-router is very simple. With Vue.js, we've assembled the components into an application, and when you're adding vue-router, you just need to configure the components and route mappings, and then tell Vue-router where to render them.The use of a vue-routerOne, in the H
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? {"
1. Installing the NODEJS EnvironmentDownload node. js. After the installation is successful, the console input node-v the version number, and the installation is successful.If the version number does not appear, but the node is not an internal command, you need to configure the environment variable, if the version number has occurred, this step can be ignored. Cut the path where node is installed, right--My computer--and the Advanced system environment settings--environment variables--Find the P
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.