Programmer Group

Article directory Create nuxt.js project nuxt.js directory structure Integrate element UI and Axios Add: push local projects to Gitee Create nuxt.js project Install Vue cli npm install -g vue-cli --registry=https://registry.npm.taobao.org Execute under project directory vue init nuxt/starter &l ...

I. use of routes in vue 1. Define components <template> <div class="hello"> <h1 @click="info" :class="color">{{ msg }}</h1> </div> </template> <script> export default { name: 'hello', data () { return { msg: 'I am Hello assembly', ...

1. v-model: the implementation principle of bidirectional data binding is equivalent to a v-bind plus v-on. <div id="app"> <!-- <input type="text" v-model="message"> --> <input type="text" :value="message" @input="message=$event.target.value"> <h2>{{message}}</h2> </div> 2. v-mode ...

I. Introduction to calendar components The calendar component is mainly composed of a text input box. After clicking the text input box, the calendar panel will be displayed below the text box. The calendar panel consists of three parts: the head area (which mainly displays the month and year corresponding to the face-to-face calendar panel and ...

For project requirements, the following quick date selection interface needs to be implemented. Because the project technology stack uses vue+elementUI, it encapsulates components for reuse. The component code is as follows: <template> <el-popover v-model="showPopover" style="padding:8px 30px;border:1px s ...

Login of Vue management system. First, a login component, Login.vue, requests to verify whether the user name and password are correct. If they are correct, save the user name and password to the state in the store. Then, judge whether there is login information in the state by visiting each page. ...

Picture upload No matter what project, it's probably necessary to upload pictures. As a common requirement, it will be used in many places. An upload component should be packaged separately to facilitate reuse. Here, use Vue + element UI upload + qiniu cloud to finish the upload Front end calls qinniu API At present, the mainstream upload metho ...

Recently, I am using vue + element ui to write a small application that needs rich text editor. I used to use ueditor for projects before, but I saw its compatibility with vue is not good. After a few comparisons, I chose vue kill editor.     vue-quill-editor Based on Quill, the rich text editor for ...

Function menu configuration automatically generates routing and code cutting Menu is routing, shared configuration Appointment The views directory stores the business components; the business modules are stored in folders, and the main routing components are stored in the directory with the routing name named by index. views * * business compon ...

Preface This is a very simple attempt. The original intention is to replace PHP with nodejs and build a complete web project. Project logic vue develops the front-end, and is still in the dev mode. It uses proxy proxy proxy to communicate with the node back-end.node+express builds back-end web services, connects to mysql, and performs addition, ...