vue book

Javascript vue. js table paging, ajax asynchronously loading data, vue. jsajax Paging is generally used together with a table. A paging link is used as a part of a table. It is reasonable to encapsulate a paging link into an independent component and then embed it into a table component as a child component. Effect: Code: 1. Register a component Js Vue. componen

To solve the problem that stylus cannot be used in vue-cli, vue-clistylus When writing a vue project based on vue-cli, the following error occurs: I have been tossing it back and forth for dozens of times, and I have finally been tossing it... The solution is as follows: 1. Write dependencies in the package. json

Talking about the problem of vue-router2 Routing Parameters, talking about vue-router2 1. If the vue route is used to pass params to define the route /Route name: id When obtaining This. $ route. params. id Final shape /Route name/route Parameters When passing Parameters Params: {str1: str1, str2: str2} 2. If query? Id = str... /Route name When obtaini

Highlights of vue errors and vue errors 1. vue error: less-loader css-loader style-loader Not Installed The possible cause is that less is not installed. 2. vuex error: Computed property "xxx" was assigned to but it has no setter When vuex is used, the imported state cannot be changed directly on the page. You need to change the state value in the mutation me

Vue data-driven Simulation Implementation 2. vue Data Simulation Implementation I. Preface At the end of the essay "simulating Vue data-driven 1", what if the listener's attribute is an object? Isn't other attributes of this object unable to be listened? As follows: If the name and age attributes of a user change, how can we know that they have changed? Today, w

The method of passing parameters between vue-router2.0 components and obtaining dynamic parameters, vue-router2.0 1. Tag 2. When you need to pass dynamic parameters in a component, the example above can be used. 3. The parameter id in the query is the parameter to be passed in. The method obtained in the component is: created: function() { var id = this.$route.query.id; this.getData(id); }, 4. As mentio

Vue component communication sub-and parent-details (2) vue component communication details Then, the vue component will continue to learn about the parent-child communication. 2. Communication between components (sub-components pass values to parent components) Data transmission is completed through events. ① Define a method in the parent component to receive val

Simple Steps to publish a vue component to npm: npm steps of the vue component 1.0 create a project 1.1 initialize a projectEnter npm init, and write whatever you need to fill in Create the src directory and create alert. vue under the src directory $ Npm init $ mkdir src $ cd src $ touch alert. vue Last directo

Vue. js enables local image preview, cropping, compression, and uploading, and vue. js Cropping The following code involves Vue 2.0 and ES6 syntax. Target Pure javascrpit implementation, compatible with ie9 and later browsers, checks the file format, length, width, and size locally to reduce browser interaction. The reality is cruel. In order to be compatible wit

Vue. js is used as the select drop-down list instance (ul-li label is similar to select label), vue. jsul-li Objective: To use the ul-li label and Vue. js knowledge to create a drop-down list that imitates the select label. Knowledge point: Component writing and Application Data transmission between components (using props) Data transmission between components ($

After Vue has been updated to 2.0, the author declares that it is no longer a vue-resource update, but rather the recommended Axios, which has been used for a while, and now for its basic usage.The first is to introduce Axios, if you use ES6, just install the Axios moduleImport Axios from ' Axios ';Installation methodNPM Install AxiosOrBower Install AxiosOf course, you can also use script to introduceAxios

Report the mistake.Some say it's an agency problem. I don't know, but this method works.1. Go to GitHub to download the template to initialize Https://github.com/vuejs-templates/webpackOr just use Git to clone the template you want.2. Unzip the downloaded template. git clone is not uncompressed.3. Place the folder under the C:/administrator/.vue-templates/folderThe preparations are done.4. Then what to do and what to do. Under your project file Execut

Since JQ has Ajax methods, then Axios has no Axios method. The answer is yes, still hiding the domain name 1. Configure Config/index.js: Troubleshoot cross-domain issues dev: {env:require ('./dev.env '), port:8008, Autoopenbrowser:false, Assetssubdirector Y: ' Static ', Assetspublicpath: '/', proxytable: {'/ajaxurl ': {target: ' https://www.aaaaaaa.com/', Changeo Rigin:true, Pathrewrite: {' ^/ajaxurl ': '/'}}} 2.main.js: Configure Axios to prototype chain, note 25th line import

Vue. js beginner-DIY mobile terminal Input Keyboard, vue. js beginner diy keyboard In the process of project development, we need users to input something, but we are not willing to allow users to enter anything at will. Therefore, we may choose to use a custom input method, to restrict user input, let's take a simple example to see how to set input methods on mobile Web pages. Here we still use our old fr

Vue. js forms control binding required every day, vue. js Form Control Basic usage You can use the v-model command to create two-way data binding on the Form Control Element. It automatically selects the correct method to update elements based on the control type. Despite the magic, v-model is just a syntactic sugar. It updates data in user input events and handles some extreme examples in particular. Text

Vue implements two-way data binding and vue binding Vue implements two-way data binding. The details are as follows: How does Vue implement bidirectional data binding? The answer is front-end data hijacking. Through the Object. defineProperty () method, this method can be used to set the getter and setter functions. In

How to add mp3 audio files to vue, and how to add mp3 audio to vue Sometimes we need to add an audio file to the vue, but when we directly place the audio file under the assets Directory, we will find that it cannot be played normally. Below are two common configuration methods: Method 1: place the audio file in the static directory and call the file as follows:

Vue. directive () usage and instance details, vue. directive details Official Website instance: Https://cn.vuejs.org/v2/api/#Vue-directive Https://cn.vuejs.org/v2/guide/custom-directive.html The instruction definition function provides several hook functions (optional ): Bind: it is called only once. It is called when the command is bound to an element for the fi

Use the echarts method in Vue, and use echarts for vue The previous article introduces how to use ECharts in webpack. You can click here to view details. 1. Use NPM for installation (Global Introduction) Run the following command: npm install echarts--save Introduce the echarts Module Introduce the echarts module in main. js of the Vue project, that is, write the

Vue uses Enumeration type to implement detailed steps in HTML drop-down box, vue drop-down box The drop-down box contains the Value in option and the option to be displayed. Generally, the Value is used in the background, rather than the option displayed on the foreground. Step 1: Compile the enumerated types required by the drop-down box StatusEnum. java public enum StatusEnum { RED, YELLOW, GREEN} Step 2: