学习 vue框架

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 之间的数值。