TA的文章(7)

  • 全局 APL （Vue 指令）

    #Vue,extend(options)1.参数：。{object} options2.用法：使用基础Vue构造器，创建一个“子类”。参数是一个包含组件选项的对象。data选项是特例，需要注意，在Vue.extend() 中它必须是函数 <div id="mount-point"><div> // HTML代码//创建构造器 JS 代码 var Prodile=Vue.extend({ template:'<p>{{firstName}} {{lastName}} aka {{al

    全局 vue 指令

  • Vue.js 增删改查

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>增删改查</title> <script src

    vue.js 增删改查

  • 表单输入的绑定

    示列代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <

    绑定 v-model

  • 购物车（项目）总结

    （一）：经过这几天的学习，与实践，我们对vue.js也有一定的了解和理念。1.然而老师为了让我们更加的熟练vue.js与是让我们做了一个购物车管理。2.购物车管理的效果图如下：3.对购物车进行了一下总节：其中包含了以下几种方法（1），created 使用ajax进行解析（2），init   对数据进行初始化（4），initCar  对购物车进行初始化（5），inputNumber  只能输入数字和删除键（6），removeProcut  删除购物车信息（7），addProduct  购买商品（9

    vue.js 项目总结

  • 基础组件

    一.组件是可以重复使用的，而且它用起来很方便。1.首先它有三个主要步骤：（1），定义组件（2），注册组件（3），使用组件2.使用组件是在HTML带码里面使用，注册组件和定义组件都是在js代码里面使用。基础组件示列代码如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

    基础组件 vue.js

  • vuex（状态管理）

    一.vuex是什么？什么情况下使用vuex？引用官方文档的一句话：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。如果您需要构建是一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择。下面展示一个单向数据流的图片：2.vuex  包含几个重要的属性：1.state 状态数据：Vuex 使用 单一状态树 —— 是的，用一个对象就包含了

    vuex 总结

  • 基础组件

    通过事件向父组件发送消息：在我们开发 <blog-post>（博客贴子） 组件时，它的一些功能可能要求我们和父级组件进行沟通。例如我们可能会引入一个可访问性的功能来放大博文的字号，同时让页面的其它部分保持默认的字号。1.在其父组件中，我们可以通过添加一个 postFontSize 数据属性来支持这个功能：new Vue({ el: '#blog-posts-events-demo', data: { posts: [/* ... */],//里面写自定义内容 postFo

    vue.js 通过事件向父组件发送消息 vue组件间通信