u014527697的博客

vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。1.vue-cli 是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。作用:不必自己手动配项目环境，提供好基本的项目结构。npm install -g vue-cli验证是否安装成功vue –version用v...

在一个VUE页面中主要包含3部分，<template>、<script>以及样式表<style lang="scss" scoped>

1.数据绑定<h2>{{msg}}</h2> <!-- 绑定数据的另一种方法 --> <div v-text="msg"></div> export default { data () { /*业务逻辑里面定义的数据*/ return { msg: '你好vu...

      vuejs中的事件绑定，使用<v-on:事件名 = 函数名>来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法.事件绑定的方式 （1） 内联直接把js写在标签上调用方法 <button v-on:click="alert（'hi'）">执行方法的第一种写法</button> （2）调用meth...

转自：vue计算属性详解——小白速会vue计算属性详解——小白速会一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reverse().join('') }}</div>        这里的表达式包含3个操作...

转自：Vue2.0 v-for 中 :key 到底有什么用？因为不理解   ：key（v-bind:key），网上查了一些的资料，这篇写得非常不错，很简洁清楚。     其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。     要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。     我们知道，vue和react都实现了一套虚拟DOM，使我们可...