node.js安装
-
下载LTS包,傻瓜式安装;
-
在安装目录下创建node_global和node_cache目录,执行以下命令,指定npm的全局模块和缓存存放地址;
npm config set prefix "node_global的目录地址" npm config set cache "node_cache的目录地址" -
配置环境变量;
-
配置NODE_PATH为"node_global的目录地址\node_moudles",与PATH环境变量类似,NodeJS允许通过NODE_PATH环境变量来指定额外的模块搜索路径。
MVVM
- Model: 模型层,在这里表示JavaScript对象
- View:视图层,在这里表示DOM(HTML操作的元素)
- ViewModel:连接视图和数据的中间件,Vue.js就是MVVM中的ViewModel层的实现者 Model层通过ViewModel层和View进行数据绑定
VUE基本知识
创建一个Vue对象,通过el绑定相应的标签元素,然后标签元素即可展现出Vue对象中data
VUE基本语法
- 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没有关系