vue的computed计算属性学习
模板内的表达式是非常便利的，但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。这时候需要使用到vue的计算属性computed。 文件目录结构如下：利用vue脚手架创建 这里实现将一个字符串进行翻转的功能： 其中HTML是负责显示，reverse.vue文件是自定义...
vue学习的笔记补充
// vue-router中可以使用 routes:[ { path:'/', name:'index', component:()=>import('./index') } ]// 这种写法可以让componet 后面跟一个...
从零开始学习Vue(二)
思维方式的变化WebForm时代, Aspx.cs 取得数据,绑定到前台的Repeater之类的控件.重新渲染整个HTML页面.就是整个页面不断的刷新;后来微软打了个补丁,推出了AJAX控件,比如UpdatePanel,就不是整个HTML页面渲染了,只是渲染指定的UpdatePanel里面的DOMM...
从零开始学习Vue.js，学习笔记
一、为什么学习vue.jsmethods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。 vue.js兼具angular.js和react的优点，并且剔除了他们的缺点 官网：http://cn.vuejs.org/ 手册：http://cn.vuejs.org/v2/api/二、vue....
VUE 从零开始 学习笔记 一
最近刚跳到一个新公司 不是很忙 决定系统的学习一下VUE这个前端框架 参考官方API好了 废话不多说 开始了首先 说一下吧 现在很火的主流三大前端框架 Vue，Angular、React， 为什么选择Vue呢 因为它的作者尤雨溪是中国人 所以有中文API文档其次 这个名字 也太好听了吧ok 废话不多...
从零开始学习vue(2)
一.vue实例每个vue应用都是通过Vue构造函数创建的一个新的实例开始的:var vm = new Vue({ //选项对象})在这其中vm(viewModel的简称)通常都表示vue实例的变量名。当创建一个vue实例，你都可以传入一个选项对象作为参数，完整的选项对象，你可能需要查看API文档...
从零开始学习Vue(四)
这里引入一个概念SPA(single Page Application), 接着上次的例子，我们在页面底部做了一个Tab的菜单，点击不同的按钮应该是显示不同的内容。按传统的MVC的思维，我要在Controller的Action里返回不同的View,这个是服务器端渲染的多页面方案。它的优势是什么：SE...
vue2.0 饿了么项目学习总结
最近在GitHub上发现一个基于vue2.0的饿了么项目。本着互联网的分享精神，现在将我自己所理解的，所总结的经验分享给大家。本篇文字我将从学习的角度向大家分享。 在学习本项目之前我已经将vue2.0的 官网官方案例 和vue-router的官方案例和api看了一遍。 点击下载项目资料 注意...
vue饿了么学习笔记（1）vue-cli开启项目
一、vue-cli介绍 vue-cli是vue的脚手架工具 ----> 帮助写好vue.js基础代码的工具： ① 搭建目录结构 ② 进行本地调试 ③ 进行代码部署 ④ 热加载 ⑤ 进行单元测试 二、vue-cli使用 1、vue-cli是一个node包，其安装语句如下： $ cnpm i...
vue学习笔记9——图片路径问题
vue学习笔记9——图片路径问题当npm run build的时候生成dist文件夹后会有css中的background-img显示不出来或是js中或<script>中的url或是其他的引入，导致图片无法显示的问题 一般，开始的时候，我们习惯在assets里面存在img文件，（至少我是这...
vue视频学习笔记04
video 4手动配置自己:webpack+vue-loaderwebpack加载模块-------------------------------------如何运行此项目？1. npm install或者 cnpm install2. npm run dev-> package.json"...
vue自定义组件和列表循环--vue学习笔记
<div id="app-7"> <shaoyou v-for='item in item' v-bind:item='item' v-bind:key='item.id'> </shaoyou> <butt...
Vue.js学习 Item8 -- 方法与事件处理器
方法处理器可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue...
Vue2.0 学习笔记
---恢复内容开始--- 本文章为Vue2.0学习笔记： 学习路线：（先看的腾讯课堂vue精讲视频，视频能够快速大概了解vue是什么、怎么使用），vue2.0官方文档基础部分 VUE2.0官方文档 基础部分： 1.VUE简介 Vue是一个基于MVVM的框架，其中M代表数据处理层，V代表视图层即我们...
Vue2.0基础学习（1）
1, 每个Vue.js 应用都是通过Vue构造函数创建一个根实例启动的, 所以 当vue-cli 构建项目的时候，它的main.js 里面 new Vue({el: “#app”}) ，它就是来启动vue 应用的。同时也看到 Vue 构造函数 接受一个对象作为参数， 这个对象包括数据，模版，方法 等...
vue2.0 学习 ，开始学习
先看官网的介绍上面的教程 https://cn.vuejs.org/v2/guide/ 尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个本地的 .html 文件，然后通过如下方式...
vue2.0学习(四)-实例和内置组件
vue2.0学习(四)-实例和内置组件 1.实例入门-实例属性 一、Vue和Jquery.js一起使用 下载可以去官网进行下载，我这里使用的版本是3.1.1，下载好后在需要的页面引入就可以了。当然你还有很多其它的方法引入jquery，只要可以顺利引入就可以了。 <script type="te...
vue2.0学习之组件间通信
/* child.vue*/子组件<template><div>/*必须要用div包裹起来，然后在里面写需要的组件内容，这里面和平常写的html是一样的*/<div></template><script>/*这里面写vue*//*引入其...
vue.js学习之入门实例
之前一直看过vue.js官网api，但是很少实践，这里抽出时间谢了个入门级的demo，记录下一些知识点，防止后续踩坑，牵扯到的的知识点：vue、vue-cli、vue-router、webpack等。 首先看下实现的效果： 源码下载戳这里：源码 1、使用vue-cli脚手架创建项目 vue i...
vue.js学习 自定义过滤器使用（2）
gitHub地址: https://github.com/lily1010/vue_learn/tree/master/lesson05 一 自定义过滤器(注册在Vue全局) 注意事项: (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面 (2) 过滤器函数...