TA的文章(9)
-
Vue.js
Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。如果你已经是有经验的前端开发者，想知道 Vue 与其它
-
Vue.js
Vue.js 监听属性我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化:<div id = "computed_props"> 千米 : <input type = "text" v-model = "kilometers"> 米 : <input type = "text" v-model = "meters"> </div> <p id="info"></p> <script type = "text/javascrip
-
Vue.js条件渲染
条件渲染用 key 管理可复用的元素Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外，还有其它一些好处。例如，如果你允许用户在不同的登录方式之间切换：<template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username"> </template> <template v-else> <
-
Vue.js表单输入
Vue.js表单输入你可以用 v-model 指令在表单 <input>、<textarea> 及<select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data
-
购物车管理
这次我将给大家带来一个vue.js实现购物车的小项目，如有不足请严厉指出。购物车功能有删除和添加，计算总金额，节省总金额，以及调整购买数量等功能。js主要有以下方法删除，添加，手动修改数量，总价格计算函数，获商品积分计算函数，节省总金额，一共分为5个事件具体效果如下图HTML的代码在这里<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt
-
组件基础
基本概念组件是一个可复用的Vue实例，需要挂载到Vue的实例组件除了el选项外，同样包括有data、computed、watch、methods 以及生命周期钩子等。这里有一个 Vue 组件的示例:<div id="app"> <button-counter></button-counter> </div> var compoent1={ data:function(){ return {
-
Vue Router(路由)使用 VueRouter构建一个单页应用程序
Vue Router是什么:Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌包,含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.
-
vuex状态管理
vuex是什么？ 先引用vuex官网的话：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化在我们的单页项目中安装vuexnpm install vuex --save在我们项目的文件目录中的src文件夹下面新建一个文件夹，文件夹名名字随意，一般叫vuex，store之类的，我这里取名vuex，然后在这个新建的文件夹里新建一个index.js的文件在index.js文件中引入vue和
-
表单输入绑定
彩色文字彩色文字彩色文字彩色文字彩色文字表单输入绑定基础用法:用 v-model 指令在表单 < input> 及 < textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScrip
