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
Vue. js computing attributes computed and $ watch, vue. jscomputed
Binding expressions in a template is very convenient, but they are only used for simple operations. The template is used to describe the view structure. Adding too many logic in the template will make the template too heavy and difficult to maintain. This is why Vue. js limits the binding expressi
Vue-based website front-end permission management (frontend and backend separation practices) and vue permission management
As a popular language, Javascript is widely used. It can be seen everywhere from the front-end to the back-end, this technology is also widely used in our project to develop front-end pages such as CMS and other data analysis systems, for this reason, I am very interested in and use it
Vue. js implements data pulling and updating using custom commands. vue. js customizes data pulling and updating.
Preface
The code snippet of this article is located in the single file component of vue, that is. in the file at the end of vue, this article describes only one implementation method. It is neither the only
A deep understanding of the principles of Vue one-way data streams and a deep understanding of vue data streams
What is one-way data stream?
One-way data streams can only modify the status in one direction. It is a simple example of unidirectional data streams:
Simple diagram of one-way data stream
A unidirectional data stream corresponds to a bidirectional data stream (also called bidirectional binding ).
When you use vue-router in vue to switch the page, the scroll bar will automatically scroll to the top of the page, vuevue-router
Sometimes we need to scroll the page scroll to a fixed position.Window scrollTo() Method.
Syntax:scrollTo(xpos,ypos)
Xpos: required. X coordinate of the document to be displayed in the upper left corner of the document display area.
Ypos: required. Y coordinate of the document to
Vue. js custom command usage and instance parsing, vue. js Parsing
Most of the Articles on Vue. js custom commands on the market talk about syntax and seldom talk about actual application scenarios and use cases. Even if you understand how to write them, you do not know how to use them. This document does not describe the syntax. It describes the usage of custom
Use the Compass method in Vue, and use the compass method in vue.
Motivation
After a long delay, I finally made up my mind to write my own personal websites. Not only do I have to look so cool, but I also need to be OK with technology, so take this opportunity to exercise your unfamiliar technologies. The website plans to use Vue as the front-end framework, and C
Describes the sequence of vue functions and vue functions.
Method is used to define the method. For example, if you @ click = "test", methods defines the test method.
Both created and ready are the lifecycles of vue components.
Created
Type: Function
Details:
It is synchronously called after the instance is created. At this time, the instance resolution opt
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? {"
This article will give you a description of the Vue style switch one-level vue dynamic style of the use of the tutorial, the following to bring you a few small cases, the need for friends can learn from the study.
Now that we've chosen Vue, don't think about manipulating the DOM when you're doing something, all of it to Vue
Vue. js integrates the pull-up loading drop-down refresh instance tutorial in vux, vue. jsvux
Preface
Vux is a mobile page UI component library developed based on Vue and Weui. It was originally developed to meet the company's end form requirements, because the third-party questionnaire form system is ugly on the mobile phone (or the PC style is adapted to the si
Example of vue. js, ajax rendering page, vue. jsajax
We used vue. js, zepto, node. js, webpack and other technologies to reconstruct CNode. This is a relatively beginner project. Generally, you can get started after learning vue. The CNode website has open APIs, so you can get all the data interfaces of the website and
First of all, the configuration environment plug-in for this project, because it is the mobile side, so a part of the consideration is the mobile side:Routing Vue-router RoutingRouting is a very important thing in the Vue project, and when it's built, it's a good choice.Ui Framework Vux
The UI framework integrates the Vux
Vux Mobile UI Component library developed based on Weui and
The official documentation explains this:The provided element can only be used as a mount point. Unlike Vue 1.x, all mount elements will be replaced by the DOM generated by Vue. It is therefore not recommended to mount the root instance to or from .This is vue2.0 's newest notation, and what we see is the main entrance to the Vue project Main.js,template is the
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.