Programmer Group

Now many vue projects are developed based on ES6, and most of my learning vue is based on the API of vue official website, which is based on ES5, so it is a challenge for me to change to the modular writing of the project. Therefore, I intend to make a vue demo based on ES5 first, and then write this demo based on ES6, which is a transition bar ...

1: computed attribute VS methods attribute <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> <p>Computed reversed message: "{{ reversedMessage1() }}"</p> </div> var vm = new Vue({ el: '#example', data: { message: ...

Get ready First of all, we should see clearly the authorization of Wechat Web pages. Official documents Every step, then my demo is a small project based on vue, backstage is the Slim framework of php. Since the official documents are so complete that I can hardly read them at the time of development, I will try to say as little as possible in ...

Rotation is also a common display effect on various websites. Here I will write about some simple ways to realize it. // I don't know why the system ate the img tag in the code. Do the big guys have a solution? 1. Native js rotation Native rotation effect, here the principle of implementation: there is a block-level element to place the list of ...

I. start Install vue-cli, Vue scaffolding: cnpm i -g vue-cli Test whether the installation is successful: vue -V Two, installation Enter our working directory: cd ~/IdeaProjects/ Use scaffolding to install projects: vue init webpack demo Prompt directory already exists, continue:Y Project name: Return Project ...

First, how to define the application state of the Wechat applet itself? page({ data: { item: '', isLoading: true }, onLoad: function(){ this.setData({ isLoading: false }) } }) 2. Why use application state management tools? Same data, one request, application global sharing. The clear data flow in MVVM architectur ...

Students who have been exposed to Vue should know that it is very convenient to develop a Vue project with vue-cli, which can help you quickly build a strong Vue.js project.Today, instead of talking about what vue-cli is, let's talk about what the project structure is built with vue-cli and analyze some of the files.For reference, here is a s ...

props data transfer (1) Scope of component instances: Isolated. Simply put, values are not shared between components even if there is a property with the same name. <div id="app">       <add></add>       <del></del>   </div>   <script>       var vm = new Vue({      ...

Preface Original Address Once, did you think about the future of a front-end engineer?Did you think of the word "Front End Architect" at this point, so a qualified front end architecture will only have a Front End OK?Of course not. You must have the full stack of abilities to expand your personal image, to get a promotion and pay rais ...

Recently, I often hear other front-end teams that specialize in Vue project mention SSR. They don't know what it is. They just think it's something they do inside. Although they are curious about it, they don't care much about it. Later, when they wander around a technology forum, they suddenly see the term. After clicking in, they know what S ...