Vue 学习笔记

1,vue是什么?Vue2.0:不允许将vue示例挂载到html或者body,在vue1.0中是可以的。

是一个构建用户界面的框架。

是一个轻量级MVVM (Model-View-ViewModel),其实就是所谓的数据双向绑定。

数据驱动+组件化的前端开发。

参考:vue 官网地址:https://cn.vuejs.org/v2/api/

2.安装vue-devtools插件,便于在chrome中调试

安装地址:https://github.com/vuejs/vue-devtools

打开google浏览器,输入地址chrome://extensions/ ,点击加载已解压的扩展程序

Vue.config.devtools=false  是否允许vue-devtools检查代码,方便调试,生产环境中需要设置为false.

Vue.config.productionTip=false  关闭启动时生成消息提示

3,常用指令:

什么是指令? 用来扩展html标签的功能。

v-model  双向数据绑定  一般用于表单元素。

v-for  循环(先是value然后是key)

:key 为当前元素绑定唯一key ,当我们更新元素时可重用元素,提交效率,类似于vue1.0中的track-by。

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(Vue)