TA的文章(7)

  • vue.js学习一

    一、为什么使用vue.js1、vue.js是一个强大的数据处理框架，能够很好的提升前端开发效率2、国内使用vue.js开发前端的企业多，需求量大3、vue.js文档详细，生态丰富，资料多、全、易学习，遇到问题容易在网上找到答案二、 vue.js的安装vue.js的安装有三种方法：1.在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。2.使用cdn方法（建议下载到本地）推荐下载地址：BootCDN（国内） : https://cdn.bootcss.com

    vue

  • vue学习二

    Vue.js 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。接下来我们看看使用了计算属性的实例：<div id="app">   <p>原始字符串: {{ message }}</p>   <p>计算后反转字符串: {{ reversedMessage }}</p> </div> &lt;script&gt; var vm = new Vue({   el: '#app',   data: {     message: 'Runoob!' 

    vue

  • vue.js学习三

    表单输入绑定基础用法你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 dat

    vue

  • vue.js学习四

    Vue.js 样式绑定Vue.js classclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。class 属性绑定我们可以为 v-bind:class 设置一个对象，从而动态的切换 class:将 isActive 设置为 true 显示了一个绿色的 div 块，如果设置为 false 则不显

    vue

  • Vuejs 购物车项目

    购买功能实现思路：点击购买将商品添加到购物车,先循环对比看要添加的商品是否已经存在与购物车，如果存在，只加数量，不存在则添加实现代码 add(val) { //购买 ，这里我是传了对应的item 过来             var result=true;                   for(var i of this.goods){      &

    vue

  • vue.js学习五

    组件的学习组件定义组件是可复用的vue实例，需要挂载到vue的实例：组件与vue实例的区别在于vue实例有el选项组件没有el选项；vue实例通过el指定挂载的位置，组件的html元素定义在template；组件通过一个函数返回一个对象，vue实例是对象；定义组件：var compoent1 = {   data: function() {     return {      count: 0     }   },   template: '<button v-on:click="count++

    vue

  • vue学习六

    使用动态路由搭建基本单页应用程序步骤：1.导航组件，其实就是a标签2.渲染路由匹配的组件内容3.定义组件4.定义路由列表5.实例路由器6.实例Vue，添加路由信息示例代码如下：<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">    

    vue