Vue-based calendar supports weekly switching and vue-based calendar
The Vue-based calendar function allows you to switch between the Vue and the Vue based on the actual development status every year, month, or week. The details are as follows:
Js part: Currently, one week
Vue. js select drop-down box Binding and value method, vue. js drop-down box
I recently worked on the mui + vue. js mobile project and encountered this solution, so record it as follows:
1. The code for binding the select drop-down box is simple. sendlist is the set of drop-down boxes. You can refer to the vue. js do
Summary of vue registration components and summary of vue Components
1. Global Registration (this method must be declared before vue instantiation)
Vue. component ('tag-name ',{})
2. Partial Registration
Var Child = {template: '
3. Extended instances
// Define a mixed object var myMixin = {created: function () {t
Vue-star component development instance, vue-star instance
Create a star. vue and related image information in the Star folder. Easy nearby maintenance of components
Star. vue:
Header. vue:
Mixin. styl:
bg-image($url) background-image: url($url + '@2x.png') @media (-webki
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
The difference between common and custom
Vue-resource is the Vue plug-in that I use to interact with the interface, and the header provided by Vue-resource has the following two ways:
vue.http.headers.common[' Token ']vue.http.headers.custom[' Token ']
What is the difference between them? Let's look at the following source code (
Describes Vue methods and events and Vue method events.
One vue method implementation
Method 2 passing Parameters
3. vue accessing native DOM events
Use $ event to get
Four event Modifiers
Download: vue-click_jb51.rar
The above is all the content of this article. I hope
What is Virtual DOM in Vue. js 2.0 ?, Vue. jsdom
What is Virtual DOM?
Previously, React and Ember began to use virtual DOM technology to speed up page updates. If you want to know how it works, you must first recognize these concepts:
1. Updating DOM is very expensive.
When we use Javascript to modify our page, the browser has done some work to find the DOM node for modification, for example:
document.getEl
Detailed description of the proxyTable cross-domain problem summary in the vue-cli project, vue-cliproxytable
What is cross-origin?
The same-origin policy specifies that the two URLs are considered cross-origin if there is any difference between the Protocol, domain name, and port.
What are the cross-origin solutions?
1. JSONP is short for JSON with padding (filling JSON or parameter JSON.
The principle of
Vue implements forward and backward refresh without refreshing effect, and vue performs backward refresh
Recently, vue is used to create a mobile project. We hope to achieve the effect of refreshing forward and backward without refreshing. That is, the loaded interface can be cached (the returned interface does not need to be reloaded), and the closed interface c
Add Baidu statistics code to a single-page vue application (for test purposes) and vue code
In this way, the ingress file is inserted globally, and each page is available. This involves a problem, Vue. the js Project is a single-page application. Every time a user browses a website, the page will not be refreshed when accessing the inner page, which means that B
Talking about reusing requests based on axios in Vue-cli, vue-cliaxios
This article introduces how to reuse requests based on axios encapsulation in Vue-cli and shares them with you as follows:
Install
You only need to install one axios.
npm install axios --save
Interface proxy settings
To ensure that requests can be sent normally, we usually need to configure an
Based on the implementation method of clicking the external component in Vue to close the component, vue component
Vue defines the global click function. The parameter is the click callback function.
Vue. prototype. globalClick = function (callback) {// global click $ (document). click (callback );}
Monitor global c
1, build a vue-cli to build a project(1) Installation vue-cliNPM Install Vue-cli-g(2) Vue init webpack project nameSelect Settings as needed(3) NPM InstallInstall the configuration (be aware that the current location is in the project if the configuration is installed, otherwise it will be error: Configuration file Pac
Vue-resource1.CNPM Install Vue-resource--save2. Import Vueresource from ' Vue-resource ' in Main.js3. Vue.use (Vueresource) in Main.js4. Use this in the component $http. Get (URL). Then ((response) =>{}, (Err) =>{})"app"> "Htmlvalue"> Vue Vue-resource sending an HTTP request
Extremely scary, when using the Vue-simple-upload plugin to do file upload, encountered always access to the background of the interface.I thought I use plug-ins have problems, various changes, because unfamiliar, false change several times.Emmmm~~ originally is my action parameter to the lowercase post, start console error, gave so obvious hint,I can't believe I don't understand.OK, first step, downloadNPM Install
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
What this article brings to you is about the principle of the Vue response. Vue response to the principle of analysis, there is a certain reference value, the need for friends can refer to, I hope to help you.
Initstate
New Vue () = _init () = Initstate:
function Initstate (vm:component) { vm._watchers = [] const OPTS = vm. $options if (opts.props) initprops
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.