Vue. js implements a SPA login page [recommended], vue. jsspa login page
Technology Stack
Main framework of vue. js
Vuex Status Management
Vue-router route management
General Process
In the General login process, a front-end solution is:
Check status: When the page is displayed or the route changes, check wh
Detailed tutorial on using vue. js2.0 + ElementUI to develop the background management system (II), vue. js2.0elementui
In the previous article, I introduced a detailed tutorial on using vue. js2.0 + ElementUI to develop the background management system (I)
1. Introduce the routing tool vue-router to switch the view.
#
Vue Form Verification plug-in creation process, vue form creation process
Preface
Some time ago, the boss set up the Vue development environment, so we happily came to the Vue from JQ. During this process, I was not happy with form verification. When I saw the vue plug-in se
Vue uses vue-cli to build a project, vuevue-cli
Vue-cli is an official release of the vue. js project scaffolding, using vue-cli can quickly create a vue project, GitHub address is: https://github.com/vuejs/
The difference between Vue-echarts and echarts:
Vue-echarts is a packaged Vue plugin that is based on echarts v4.0.1 + development, relies on vue.js v2.2.6 +, and functions just as encapsulating it as a Vue plugin, which makes it easier to use it in Vue's way.
Echarts is the normal JS library,
Vue. js requires two-way data binding every day. vue. js binding
The Vue. js template is implemented based on DOM. This means that all Vue. js templates are parsed and valid HTML, and are enhanced through some special features. The Vue template is fundamentally different fro
It's a pit trip. In fact, when you think about some of the problems and then want to implement the plan, slowly find out that the old driver can ignore the following content1) The cause takes into account the problem of data separation because the server is the nature of Express Res.render ("XX", data) that means to find the appropriate template file and then use the data to render the page to be rendered back to the browser, To the browser to parse, rendering the template is actually doing the
How to define global variables and global functions and vue global variables in the vue Project
Preface:
For example, in projects, some functions and variables often need to be reused, such as the website server address, the logon token obtained from the background, and the user's address information, at this time, we need to set a wave of global variables and global functions. These two settings are not ve
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
Recently in the study of Vue, and then did a small back-office management system used to practiced hand, the development process, the thought of cutting pictures to upload the user avatar needs. Internet Baidu, found a lot of use is vue-cropper. I also use, personal feeling is very useful. Now here's a simple demo to show you how to use Vue-cropper.Where the user
Vue-meta-info:Installation:NPM Install Vue-meta-info--saveGlobal introduction of Vue-meta-info, in Main.jsImport vue from ' Vue 'Import metainfo from ' Vue-meta-info 'Vue.use (MetaInfo)Static use of metainfo in componentsIf your t
Vue-awesome-swiper
Vue-awesome-swiper Resource address: Carousel map GitHub
swiper2.x official use of documents: Swiper2 official documentation API
Documentation for all configurations: swiper3.x configuration Document
Use:
1. First NPM install dependent (I use 2.6.7 version)
NPM Install vue-awesome-swiper@2.6.7--save
2. Globally introduced method: Add in Main.j
;
this.edition+=newvalue-2004
}}
);
book.year=2005;
alert (book.edition);//2
Console.log (book.year);//2005
That is, when executing the book.year=2005, it actually executes the set method in year, and executes the year's Get method when executing the book.year;
var book={
_year:2004,
edition:1
};
Object.defineproperty (book, ' Year ', {
get:function () {
Console.log ("year get ') return
this._year
},
set:function (newvalue) {
Console.log ("year set")
if (newvalue>2004) {
this._year=
Constructor:
Each Vue.js application is started by using the constructor Vue to create a Vue root instance:When you instantiate Vue, you need to pass in an option object that can contain options such as data, templates, Mount elements, methods, life cycle hooks, and so forth.
You can extend the Vue constructor functi
Good want to return to college dormitory, when the bed is small, the room with small, but the heart is full of----to a-114, Xi ' an University of EngineeringReprint please indicate the source: Water wheel: http://www.cnblogs.com/xuange306/p/6185453.html No pictures of the tutorial are bullying preparation work:
Install Nodejs---i teach you?
Install a dependency package express4.x point here "Nodejs build a local server
Install VUE-CLI
Describes several methods for cross-component communication between vue and vue.
When developing components, you will certainly encounter component communication. For example, you can click an icon to display a pop-up window and a masked layer. These three components are different. Managing the status between them becomes a problem.
Props bidirectional binding
Through sync bidirectional binding, attribute c
Summary of vue-router project and summary of vue-router practice
Let's talk about the vue project {vue,vue-router,component} One of the three major gods is vue-router. As one of our very important practices of front-end and back-e
Use of Vue-router in vue. js (vue-router) vue:
How to configure main. js (es6): Remember the vue required by npm before referencing
Import Vue from 'vue 'import App from '. /App.
Let's talk about the transition effect of Vue. js and the transition effect of Vue. js.
With the transition system of Vue. js, you can easily add transition animation effects to the process of DOM node insertion/removal. Vue will Add/Remove CSS class names at the right time to trigger CSS 3 transition/animation effects
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.