vue book

Vue skin replacement example and vue skin replacement example Recently, the company's project has gained a requirement for website skin replacement, that is, switching themes. How can I change the theme color? Switching the theme color is actually switching CSS. However, in the project, not only CSS needs to be changed, but icons and images also need to be switched with the theme. Therefore, write an articl

Example of using axios to download vue. js, vue. jsaxios This article mainly comes from zhihu's answer. Here, the red part is used for its own processing. Although there are few of them, there are several useful codes. I have to answer this question.How does axios intercept get requests and download files?. Why Ajax cannot download files Browser GET (frame, a) and POST (form) requests have the following fea

Vue refreshes the vue page through routing Vue development mall project, The requirements are as follows: The shopping cart page jumps to the details page. The shopping cart page contains multiple components. Click settlement to go to the order page. When the order is returned, the shopping cart page is not refreshed. Because the shopping cart components are tran

Detailed description of vue. js data transmission and data distribution slot, detailed description of vue. js distribution slot I. data transmission between components 1. The parent component obtains the data of the Child component. * Child components send their own data to the parent * Vm. $ emit (event name, data ); * V-on :@ Example usage: When the send button is clicked, "111" is changed to "I am the da

Discussion on Vue loading sequence and vue Loading In Vuejs 1.0, if the parent and child components work together, their lifecycle execution has the following features: 1. created is always the first child The Life Cycle Function created is always executed in sequence from parent to child, but the brothers are not strictly executed in this order. It is estimated that asynchronous functions are used, the ins

Vue-router route judgment page is not logged on to the instance on the logon page, vue-router is not logged on As follows: Router. beforeEach (to, from, next) => {if (. matched. some (record => record. meta. requireAuth) {// determine whether the route requires the logon permission if (token) {// determine whether the current token exists next ();} else {next ({path: '/login', query: {redirect:. fullPath}

Vue. js comments publishing information the QQ emoticons function can be inserted, and vue. js publishing information Examples of this article share with you the vue. js comments that can be inserted with QQ expressions for your reference. The specific content is as follows: Demo example: HTML text content: Js text content: The above is all the content of this

Vue-cli multi-page project practice page 1/2, vue-cli2 page This article introduces vue-cli multi-page engineering practices and shares them with you as follows: Src directory structure Because it is a custom setting, the directory structure under src needs to be fixed, and the conventions are greater than the configuration. Src directory structure: Src/component

Solve the Problem of a vue-cli + webpack project creation error, vue-cliwebpack Today, we use npm init webpack love to create a new project. After executing npm run dev, the project reports an error. The error message is as follows: No values are specified for these options: config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, output-filename, output-chunk-filename, outp

Sample Code for uploading images and files in vue, and sample code for vue Html page Js Code Methods: {// upload the image onUpload (e) {var formData = new FormData (); f ormData. append ('file', e.tar get. files [0]); formData. append ('type', 'test'); $. ajax ({url: '/ShopApi/util/upload. weixun ', // here the background interface needs to replace type: 'post', dataType: 'json', cache: false, data: formD

Vue allows you to dynamically create and delete data. vue allows you to dynamically create and delete data. View: The Code is as follows: The above Vue implements the dynamic creation and deletion of data, which is all the content shared by Alibaba Cloud xiaobian. I hope you can provide a reference and support for the customer's home.

The props of the Vue component is used to pass values. Here is the official link template:" The annoying thing is in this line of code, a component'stemplateCall similar componentsbbbThen usepropsIf you pass a value, the result will not work and no error is reported! Although I know what the problem is, it still makes me feel uncomfortable. Test code: Vue learning-just learned the

I. Configuring the node. JS Environment1, in the official website https://nodejs.org/en/download/download installs the computer corresponding version. Note: do not install 8.0.0 or more versions, not compatible with VUE-CLI.2, configuration Nodejs environment, Baidu check.3, after the installation configuration is complete, open cmd, run node-v, display version number, installation success.Using VUE-CLI Sca

Sometimes need to write a long path, annoying, so you can write the same operation together, if you need to modify, you can modify the Axios request Like BaseURL: ' https://www.baidu.com ', 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.aaaaaaaa.com/', change Origin:true, Pathrewrite: {' ^/ajaxurl ': '/'}}} 2

I. Basic settings Ii. Packaging NPM run build 3. Create a repository on GitHub 1. upload files to the repository 2. Click repository settings. 3. Select the code to upload to the master 4. Click the address to preview 5. Common skills A. If the value of productionsourcemap in build code in config-> index. JS is set to false, the file size can be reduced by 80% after packaging. B. if you add hash: trueto the configuration parameters of the htmlwebpackplugin plug-in w

//what to do when initializing a page//What to do when you click on it//events such as mouse, keyboard, bubbling, default behavior, and so on//The front-end calling interface is showing the data on demand//created and mounted inside can do data processing, the only difference is that the created Dom is not completed mount, mounted has completed the mount. Created () { This. $htttp. Get (Url,getdata). Then (function(RES) {},function(RES) {})//equivalent to the resolve and reject inside the ES6.

One, [email protected] InstallationIi. introduction of [email protected]1 import vuei18n from ' vue-i18n '2 vue.use (vuei18n)Third, introduced the use of the Component language Pack (for example: Elementui)1 import enlocale from ' element-ui/lib/locale/lang/en '2 import Zhlocale from ' element-ui/lib/locale/ LANG/ZH-CN '3 import elementlocale from ' Element-ui/lib/locale 'Iv. creating a custom language pack, merging with the component language pack1 C

= axios.create ({ 20000, headers: { ' content-type ': ' application/ X-www-form-urlencoded ', ' x-requested-with ': ' XMLHttpRequest ' }});Axios is our access to the background of the JS framework.Defines interception processing.function Interceptajax (res) { var tmp = res.headers["Exceptionaction"]; if return Res; // The system is already logged in. var token = Rxutil.getcache ("token"); if (! token) { Router.push ({ "login" })

Here first to stick out the MUI's picture carousel The original code, and then change him to Vue write on it. The key points to note are: The first picture is the last one, and the last one is the first picture. The dots below the number of tips in the carousel are the number of pictures they are carousel minus the last and beginning two you added. Because the size of the IMG image is not very well controlled, you can consider using a backgro

Review Today to late spicy, to the company to do a small project, a waterfall stream + dynamic video control of the demo, there is a need to contact me, the company's project will not show the external (a back-end programmer really want to dry the front end of haha ha). The book connected to the above, yesterday formally began the Vue Code of learning, simple through some fake data to show the next pe