TA的文章(7)

  • Vue.js(一)

    vue.js概述：Vue.js是一个强大的数据处理框架，能够很好的提升前端的开发效率。他的文档非常详细，生态也非常丰富，要找到的资料也非常多、全，容易学习。遇到的问题也很容易在网上查到。.vue.js官方网站(安装教程全有)：https://cn.vuejs.org/v2/guide/index.html。vue.js实例：<div id="app"> <p>{{message}}</p> </div> &lt;script&gt; &lt;/script&gt; var vm = new Vue({ el

    vue vue.js初学简介

  • Vue-总结(二)

    vue-2-计算属性概述:1、带有一定逻辑的属性，在使用时可以当做data属性一样使用2、定义在computed上。3、计算属性缓存 vs 方法。4、计算属性的 getter和setter。就简单的介绍下getter和setter：getter和setter代码示例<div id="app"> <p>{{msg}}</p> <p>{{resvermsg}}</p> <p> <input type="text" v-model='firstName'

    vue vue-计算属性

  • vue-数组更新检测

    数组变异方法：push() 追加到末尾pop() 从末尾移除shift() 删除第一个元素unshift() 追加元素到数组的前面splice() 删除指定下标的元素sort() 排序reverse() 反转替换新数组 vm.array=newarray简单的写了一下表单管理，写了表单的几个基本增、删、查。示例代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport

    vue

  • vue-(总结3)购物车项目

    这些天学了一点vue，做了一个简单的购物车项目。概述：把这次的项目里用到的vue的一些事件和组件简单的总结了一下；1.点击事件@click（v:click=''）;2.双向绑定v-model;3.显示隐藏v-show；4.单向绑定{{}}；5.for循环v-for='';功能：其中包含了一些添加、删除、显示、隐藏以及结算。效果图：示例代码：HTML代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

    vue vue-购物车项目

  • vue-组件基础-定义&&注册

    基本示例：定义组件：var compoent1 = { data: function() { return { count: 0 } }, template: '<button v-on:click="count++">点击了{{ count }} 次.</button>' }全局注册：<div id="app">    <button-counter></button-counter> </div> &lt;script&gt;   var compoent1 = {

    vue vue基础组件

  • Vue(总结)-vue安装脚手架

    阅读前需要了解的知识：htmlcssjavascriptnode.js环境(npm包管理工具）webpack打包工具安装Node.js：从Node官网下载并安装Node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命令行工具输入命令node -v，如果出现对应版本号，就说明安装成功了。到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。点击进入淘宝的 cnpm 网站,里面有详细的

    vue vue-脚手架安装

  • Vue学习总结-vue过滤器(filter)

    Vue filter介绍及其使用:Vue.js 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果。默认的过滤器注意：在vue.js2.0版本中已经废弃使用默认过滤器自定义过滤器:你可以在一个组件中定义一个组件过滤器，或者在创建Vue实例时创定义一个全局过滤器。1、一个过滤器: <div id="app"> 输入： <input type="text" v-model='msg'> <br> 正常：{{msg}

    vue vue学习总结-filter