new

watch 监听值的变化

    watch: {
            "input1": {
                handler(newName, oldName) {
                    console.log("新:"+newName +"旧:"+oldName)
                }
            }
        }, 

=================================================================================================================

old

用 vue-cli 脚手架开发 

别用js引入的方式 script标签引入的vue.js叫做引入开发 

用webpack集成环境 开发的,就叫脚手架开发 

百度一下,  npm淘宝镜像安装 速度快几倍

 谷歌浏览器清楚缓存: ctrl+shift+delete;

搭建项目步骤:

1 ,全局安装cli 3.0:npm install --g @vue/cli 或 cnpm install -g @vue/cli 或 yarn global add @vue/cli  ---安装之后,记得查看版本号:查看版本(是否安装成功):vue -V (大写的V) 

2,构建项目,输入指令:vue create test (test为项目名);

npm  install   安装包 

npm  oninstall  删除包

npm run lint 修改代码样式(修复格式)

初始化一个Vue项目:

vue在终端中提供命令。它提供了通过快速创建新项目vue create或通过其即时创建新项目的能力vue serve 

===============================================

vue 方法:

  • data(){}定义属性 ( 返回一个对象)
  • components:{}(组件 要注册的组件)
  • methods:{} (事件处理 点击函数所放置的位置)
  • props:{} (父传子 数据传递)
  • computed: 计算属性

------------------------------------------------------------------------------------------

目前要学习的东西   --------2019-7-15

1,了解vuex 是什么?

2,ajax, axios, fetch的区别

3,promise       https://www.liaoxuefeng.com/wiki/1022910821149312/1023024413276544

4,   request

5,当鼠标移动到图片上时跟随鼠标显示放大的图片效果

css 动画

linear         规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。(匀速)
 ease  

规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))

(相对于匀速,中间快,两头慢)。

 ease-in       

规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))

(相对于匀速,开始的时候慢,之后快)。

ease-out  

规定以慢速结束的过渡效果(等于 cubic-bezier(0,0,0.58,1))

(相对于匀速,开始时快,结束时候间慢,)。

ease-in-out     规定以慢速开始和结束的过渡效果(等于 cubic-bezier(0.42,0,0.58,1))
(相对于匀速,(开始和结束都慢)两头慢)
cubic-bezier(n,n,n,n) 在 cubic-bezier 函数中定义自己的值。可能的值是 0 至 1 之间的数值。

最新文章

  1. jQuery1.11源码分析(1)-----Sizzle源码概览[原创]
  2. JavaScript对象的chapterII
  3. Javascript学习笔记:2种其他类型转换为数字Number类型的方式
  4. 关于PHP HTML <input type="file" name="img"/>上传图片,图片大小,宽高,后缀名。
  5. bzoj 1200: [HNOI2005]木梳 DP
  6. 利用svn自动同步更新到网站服务器 -- 网摘
  7. 如何定制 Calico 的 IP 池?- 每天5分钟玩转 Docker 容器技术(71)
  8. Java 中静态方法 实例方法 具体方法区别与联系
  9. Unix英雄传:图文细数十五位计算机先驱
  10. HTTP Strict Transport Security实战详解
  11. 電腦清理緩存bat文件源碼
  12. shell脚本,如果文件中的第一列有相同的,就把相同的那些行的其他字段相加
  13. 关于对于system函数和c++标准下的新的变量定义方式{}
  14. JavaScript设计模式 - 状态模式
  15. 如何将MP3录音转文字
  16. 关于微信分享到朋友圈(Thinkphp-tp3.2框架下实现)
  17. centos7安装oracle亲测可用
  18. TP自动生成模块目录
  19. Android -- 两个activity界面的切换, 显示Intent 和 隐式Intent,putExtra传递数据
  20. 【转】Linux内核结构详解

热门文章

  1. Redis缓存雪崩,击穿和穿透
  2. lua-1-c# 执行lua文件-调用lua文件中的方法
  3. leedcode题目 :罗马数字转整数 Java
  4. 使用Kali破解无线密码
  5. SQL Server【基础】DDL 数据定义语言
  6. shell特殊符号
  7. 全国分乡镇第六次人口普查数据shp数据库省市区县街道
  8. Visual Studio NuGet的地址(记录)
  9. Promise的几个方法解析
  10. video.js 苹果手机设置了currentTime却还是从头播放?