学习笔记:Vue
https://cn.vuejs.org/v2/api/ 官网API
https://cn.vuejs.org/v2/guide/ 官网教程
http://www.runoob.com/vue2/vue-tutorial.html 教程
http://www.cnblogs.com/xulei1992/p/6031138.html vue.js慢速入门
http://www.cnblogs.com/keepfool/p/5625583.html Vue.js——60分钟组件快速入门
http://chuansong.me/n/1791724633620 Vue 2.0 学习总结 2017-10-22
https://www.cnblogs.com/qcloud1001/p/9700625.html 比官方文档更易懂的Vue.js教程 2019-6-26
https://blog.fundebug.com/2017/09/20/why-we-moved-from-angular2-to-vue/ 我从Angular 2转向Vue.js, 也没有选择React
用vue而不是用react的理由:不喜欢使用内联模板(inline template), 而React将JSX/HTML和JS混合到一起
CDN: https://unpkg.com/vue/dist/vue.js
# 查看版本
$ npm -v #升级 npm
cnpm install npm -g # 最新稳定版
$ cnpm install vue # 全局安装 vue-cli
$ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project #进入项目,安装并运行:
$ cd my-project
$ cnpm install
$ cnpm run dev
#成功执行以上命令后访问 http://localhost:8080/
一、指令
v-model 文本框输入后,模型也会变,双向
v-text 文本渲染 {}
v-show dom有,只是显隐
v-if dom不存在
v-bind
v-for
v-on 事件绑定
二、过滤器 filter
对接口返回的数据,过滤和战士,比如金额格式化、货币等
三、组件
component
页面头部、底部、轮播等
var vm = new Vue({
el:"#app",
data:{},//数据
filter:{},//过滤器
mounted:function(){},//相当于jquery的ready
methods:{}
});
Vue.js 路由
Vue.js 路由需要载入 vue-router 库: https://github.com/vuejs/vue-router
中文文档地址: https://router.vuejs.org/zh-cn/
直接下载 / CDN https://unpkg.com/vue-router/dist/vue-router.js
cnpm install vue-router
Vue的一些相关的库: 2017-10-15
http://www.bootcdn.cn/all/ 从这里面去找
axios Promise based HTTP client for the browser and node.js
element-ui A Component Library for Vue.js. http://element.eleme.io/#/zh-CN/component/table
vuex state management for Vue.js
iview A high quality UI components Library with Vue.js
mint-ui Mobile UI elements for vue.js
vue-router A router for Vue.js
vue-resource A web request service for Vue.js
vuetify Vue.js 2 Semantic Component Framework
vue-material Material Design for Vue.js
vue-strap Bootstrap components built with Vue.js
vonic Mobile UI Components, based on Vue.js and ionic CSS.
vue-validator Validator component for Vue.js
vue-lazyload Vue module for lazy-loading images in your vue.js applications.
vue-i18n Internationalization plugin for Vue.js
vue-chartjs vue.js wrapper for chart.js
vuefire Firebase bindings for Vue.js
vue-form Form validation for Vue.js
..
学习笔记:Vue的更多相关文章
- Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明-Babel)
五 Vue学习-vue-cli脚手架学习(创建只选一个选项:Babel) 1. 项目目录说明 node_modules : 包管理文件夹 public : 静态资源 src : 源代码 gitign ...
- Vue学习笔记-Vue.js-2.X 学习(五)===>脚手架Vue-CLI(PyCharm)
Vue项目在pycharm中配置 退出运行: ctrl+c Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明)
- Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)
(五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二 Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nod ...
- Vue学习笔记-Vue.js-2.X 学习(三)===>组件化高级
(四) 组件化高级 1.插槽(slot)的基本使用 A:基本使用: <slot></slot> B:默认置:<slot><h1>中间可以放默认值< ...
- Vue学习笔记-Vue.js-2.X 学习(二)===>组件化开发
===重点重点开始 ========================== (三) 组件化开发 1.创建组件构造器: Vue.extends() 2.注册组件: Vue.component() 3.使用 ...
- Vue学习笔记-Vue.js-2.X 学习(一)===>基本知识学习
一 使用环境: windows 7 64位操作系统 二 IDE:VSCode/PyCharm 三 Vue.js官网: https://cn.vuejs.org/ 四 下载安装引用 方式1:直接 ...
- Vue学习笔记-Vue基础入门
此篇文章是本人在学习Vue是做的部分笔记的一个整理,内容不是很全面,希望能对阅读文章的同学有点帮助. 什么是Vue? Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式 ...
- Vue2.x源码学习笔记-Vue源码调试
如果我们不用单文件组件开发,一般直接<script src="dist/vue.js">引入开发版vue.js这种情况下debug也是很方便的,只不过vue.js文件代 ...
- Vue2.x源码学习笔记-Vue构造函数
我们知道使用vue.js开发应用时,都是new Vue({}/*options*/) 那Vue构造函数上有哪些静态属性和方法呢?其原型上又有哪些方法呢? 一般我都会在浏览器中输入Vue来look se ...
- Vue2.x源码学习笔记-Vue实例的属性和方法整理
还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProx ...
随机推荐
- hadoop HA分布式集群搭建
概述 hadoop2中NameNode可以有多个(目前只支持2个).每一个都有相同的职能.一个是active状态的,一个是standby状态的.当集群运行时,只有active状态的NameNode是正 ...
- 查找Python项目依赖的库并生成requirements.txt
使用pip freeze pip freeze > requirements.txt 这种方式配合virtualenv 才好使,否则把整个环境中的包都列出来了. 使用 pipreqs 这个工具的 ...
- 【git】之clone(克隆)
直接克隆 git clone https://github.com/gyjx/test.git 指定克隆某个分支 git clone -b dev https://github.com/gyjx/te ...
- 经典面试题目——找到第n个丑数(参考《剑指offer(第二版)》面试题49)
一.题目大意 给你一个数n,要求返回第n个丑数.其中,丑数的定义如下: 丑数是指只包含因子2.3和5的数.(数字1也是丑数,不过是个特例)引用<剑指offer>上的话来说,对于一个数M,如 ...
- Easyloggingpp的使用
对于有开发经验的程序员来说,记录程序执行日志是一件必不可少的事情.通过查看和分析日志信息,不仅可以有效地帮助我们调试程序,而且当程序正式发布运行之后,更是可以帮助我们快速.准确地定位问题.在现在这个开 ...
- 【IIS错误】IIS各种错误
IIS简介 当用户试图通过HTTP或文件传输协议(FTP)访问一台正在运行Internet信息服务 (IIS)的服务器上的内容时,IIS返回一个表示该请求的状态的数字代码.该状态代码 记录在IIS日志 ...
- PAT 乙级 1010 一元多项式求导 (25) C++版
1010. 一元多项式求导 (25) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 设计函数求一元多项式的导数.(注:xn(n为整数)的一 ...
- ssh连接docker容器
有两种方法: 1.通过宿主机的端口映射访问docker 在宿主机上启动容器,分配端口,启用ssh服务: docker run -p 10022:22 -d sshd:ubuntu /usr/sbin/ ...
- [UE4]AWP狙击枪开镜
一.使用一张PNG图片,中间是透明的,其他部分是纯黑色.创建一个UserWidget.作为AWP的开镜后的准心.AWP默认状态下是没有准心的. 二.右键开镜.把第一步创建的UserWidget创建出来 ...
- [UE4]隐藏对象Set Visibility
Propagate to Children:是否遍历子对象(用来设置子对象可见性)