vue dashboard

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

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

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 instruction learning and vue instruction # New Vue ({All vue data is stored in data # data: {vue object data # a: 1, object # B: [], #}# methods: {vue object method # dosomthing: function () # {# this. a ++ # console. log (thi

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