VUE学习

129 阅读1分钟

node.js安装

  1. 下载LTS包,傻瓜式安装;

  2. 在安装目录下创建node_global和node_cache目录,执行以下命令,指定npm的全局模块和缓存存放地址;

    npm config set prefix "node_global的目录地址"
    npm config set cache "node_cache的目录地址"
    
  3. 配置环境变量;

    image.png

  4. 配置NODE_PATH为"node_global的目录地址\node_moudles",与PATH环境变量类似,NodeJS允许通过NODE_PATH环境变量来指定额外的模块搜索路径。

MVVM

  1. Model: 模型层,在这里表示JavaScript对象
  2. View:视图层,在这里表示DOM(HTML操作的元素)
  3. ViewModel:连接视图和数据的中间件,Vue.js就是MVVM中的ViewModel层的实现者 Model层通过ViewModel层和View进行数据绑定

VUE基本知识

创建一个Vue对象,通过el绑定相应的标签元素,然后标签元素即可展现出Vue对象中data

VUE基本语法

  1. v-bind:属性值="data中定义的属性",简写 :属性值="data中定义的属性"

VUE组件

通过props属性给组件传值

内容分发

组件通过this.$emit可以调用前端(html)标签中的自定义事件,前端(html)标签中的自定义事件可以去调用Vue实例中定义的method,从而达到组件去调用Vue实例中的方法

页面如何加载

(13条消息) 关于vue项目中components和template的理解_GiornoGiovanna的博客-CSDN博客

axios设置单次请求的延时

关于axios 详见官方文档 axios中文文档|axios中文网 | axios (axios-js.com)

let timeout = parseInt(paramsTimeout);
this.$axios.post(
  url,
  params,
  { 
    timeout: timeout 
  }
).then(res => {
    console.log('response='+response);
}).catch(reason => {
    console.log('reason'+reason);
})

迷惑之地

import App from './App'
这个App和./App.vue中的name没有关系