vue material

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

Webpack hook App.vue (root node) to HTML- 安装npm i --save-dev [emailprotected] [emailprotected]// vue-loader: 1.解析.vue文件 2.会自动调用 vue-template-complier- webpack.config.js{test: /\.vue$/, use: 'vue-loader'},- app.vue1.render函数 app.vue的本质: 1.一个对象(组件,vNode) 2,ren

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

1. Vonic a vue.js-and ionic-style UI framework for rapid building of mobile single-page applications, very minimalist, is my favorite style star 2.3kOnline preview of Chinese documents2.vux based WeUI and Vue (2.x) developed mobile UI component library Star 10kBased on webpack + vue-loader + vux can quickly develop mobile page, with the vux-loader convenience of you on WeUI the basis of customizing the desi

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

Summary of vue. js and summary of vue. js This article mainly summarizes the understanding of vue: Reference Source: http://blog.csdn.net/generon/article/details/72482844 Vue. js is a progressive framework for building user interfaces. Its core library only focuses on the view layer. Compared with other frameworks, it

Vue implements built-in filter instances and vue filter instances Filter Writing Method {{ message | Filter}} Two Vue built-in filter: capitalize Function: uppercase letters Above code output: Abc Third Vue's built-in filter: uppercase Function: all uppercase Above code output: ABC Four Vue built-in filter: uppercase

Custom Event function diagrams of Vue components and custom diagrams of vue Components Use v-on to bind custom events (1) webpack-based project Initialization Before using it, we first use npm to build a vue application so that the project can be used with the webpack module package. The command is as follows: Enter the custom empty folder vuepro. During myapp pr

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