vue book

How to concatenate variables and strings in vue, and concatenate vue variable strings Sort out the document, find out the code for how to splice variables and strings in a vue, and make it easier. Define variables in data: Data () {return {a: 'A '}} How does one splice string and variable a by clicking the button? Note that alert () is not a single quotati

Vue component parent-child communication (3), vue parent-child The example in this article shares the code of the vue component's parent-child communication for your reference. The details are as follows: 3. Communication between components ($ parent $ refs) The parent component needs to obtain the data of the Child component: ① Specify the ref attribute when cal

Vue component parent-child communication (1), vue component parent-child explanation The examples in this article share with you the specific code of vue component parent-child communication for your reference. The details are as follows: 1. Communication between components (parent component --> child component) Steps: ① The parent component transmits a value whe

5 classic Vuex plug-ins in the Vue. JS project and vue. js classic vuex plug-ins There are many good reasons to use Vuex to manage the status of Vue. One of them is that the Vuex plug-in can easily expand some cool functions. Developers in the Vuex community have created a large number of free plug-ins for you to use. There are many functions you can imagine and

In the vue project, after the release, the background image reports an error, the path is incorrect, and the vue background image Solution: In utils. js Add publicPath :'../../', When introducing an image or background image, use the following method: In the above solution, after the release of the vue project, the background image reports an error. Th

Talking about how to bind variable values of vue to prevent changes, and talking about vue 1. Object. freeze (obj) Statement Obj = {foo: "nan"} Object. freeze (obj ); After the variable is fixed with this statement, changes to this variable will be invalid and an error will be reported in the console. 2. Bind the v-once Element After the msg data changes, the span content also changes immediately.

How to highlight Vue-route navigation menu bar, vue-navigation menu As follows: By default, the router navigation menu automatically adds the router-link-exact-active and router-link-active categories to the current menu. We can use linkActiveClass to modify the router-link-active class name, Add the configuration item linkActiveClass: 'mui-active' in the routing rule configuration, and use 'mui-active'

Vue obtains the method of the current active route, and vue obtains the current route A route object (route information object) indicates the status information of the currently activated route, including the information parsed by the current URL, and the route records matched by the URL ). Route object is immutable (immutable), and a new object is generated after each successful navigation. Route object

Vue Real Combat (a): Using Vue and Ajax to implement additions and deletions:Points for attention in this project:The use of 1:ajax is not proficient2: Delete method, you can use the index, set an ID property value for each row, and then delete the item with the total Data ID property value.3: In the new item, note that JS, for example, a=b "=" is actually the equivalent of a pointer, when the value of B ch

, just as the user accesses/A.New Vuerouter ({ routes: [ '/A ', component:a, alias: '/b ' } ]})Five, navigation hooksThe navigation hooks provided by Vue-router are primarily used to intercept navigation and allow it to complete jumps or cancellations. There are several ways to execute hooks when routing navigation occurs: Global, single-route exclusive, or component-level.1 Global HooksYou can use Router.beforeeach to register a global b

Vue-quill-editor upload image will be converted to Base64 format, but this is not what we want, and then turned a lot of articles to find the desired, the following directly on the coderef= "Upload" style= "Display:none" >Reference article:https://github.com/surmon-china/vue-quill-editor/issues/102Vue+element UI +vue-quill-editor Rich Text picture upload to ride

jquery is introduced in VUE-CLI-generated projects (template webpack)First add "jquery" to the dependencies in Package.json: "^2.2.3", then NPM Install or use NPM install--registry=http:// registry.npm.taobao.org installation will be a bit fasterJoin in the webpack.base.conf.js.var webpack = require ("Webpack")In Module.exports's last additionPlugins: [New Webpack.optimize.CommonsChunkPlugin (' Common.js '),New Webpack. Provideplugin ({jquery: "jquery

Sorry, the following request of the link, I will hide the domain name, so want to try to find a friend trouble themselves for a new test, I'm sorry Cross-domain is also configured below 1.config/index.js configuration: Troubleshooting cross-domain 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.

Error in render function: "Typeerror:cannot Read property ' matched ' of undefined" webpack4.0.1, there are also the following issues (note points): 1, Vuerouter instantiation of the parameters, can be abbreviated to routes, indicating routes:routes. Note, however, that "routes:routes" indicates that the property name is routes and the value is routes. In this case (both the property name and the value are routes), you can abbreviate it. However, do not mistakenly assume that the shorthand rout

Laravel first recognized Vue. js and Laravel first recognized Vue. js. I am also studying the laravel box recently. Since I have learned the tp framework before, laravel is the most elegant framework, so after school, I couldn't help but try this framework that is already popular outside China.In general, after learning the tp framework, I think tp is written by Chinese people, so many ideas are quite accep

Vue-router post 404 problem with history mode refresh, vue-router404 Because our application is a single-page client application, when using the history mode, the URL is like a normal url and can be directly accessedhttp://www.xxx.com/user/idBut because the path set by vue-router is not a real path, the 404 error will be returned when you refresh the page. If you

Vue. js object conversion instance and vue. js object instance If you don't talk much about it, You can directly post code to everyone. The Code is as follows: Var app = new Vue ({el: "# app", data: {login: {name: "", psd: "" }}, methods: {submit: function () {// convert to the desired object var obj = JSON. stringify (this. login); console. log (obj); axios. p

Vue. js table paging ajax asynchronously loads data, vue. jsajax Vue. js is a lightweight, high-performance, componentized MVVM library with easy-to-use APIs. 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 compone

Example of Vue. js to achieve drag-and-drop effect, vue. js drag-and-drop instance The page effect is as follows: For the code, see Dangdang: Html: In this line of code, When Xiao Ying binds a dragstart event, the drag ($ event) Write method and js write method are different. If you want to upload 'event' when binding an event in vue ', you cannot write in js f

Vue. js uses bootstrap to implement paging controls. vue. jsbootstrap This article shares with you the paging control developed using vue. js and bootstrap for your reference. The details are as follows: The effect is as follows: Implementation Code: Source code download: bootstrap paging Control Reference: official website of