复习:
node :是一个可以将js代码作为后台语言的环境
npm:node中集成了npm,它是一个第三方包管理平台
npm init 初始化一个package.json,放安装的依赖项(插件)的清单列表
npm install xxx 本地安装
npm install -g xxx 全局安装
npm install @xxx1.11.3 安装指定版本的插件
yarn:类似于npm的包管理平台
npm install yarn -g 全局安装yarn才能使用命令
yarn add xxx
yarn remove xxx
nrm :切换下载源
npm install nrm -g
nrm ls 查看都有哪些下载源
nrm use taobao 切换到淘宝镜像
npm install xxx 下载插件
vue:是一个实现用户界面的渐进式的前端框架,基于MVVM设计思想
核心:响应式的数据变化,组件化系统
vue全家桶:vue核心库,vue路由,vuex,axios...
什么是渐进式?MVVM和MVC概念?
使用vue:
1,直接使用cdn提供的免费连接
2,npm install vue
3,vue-cli 脚手架直接生成vue项目
vue基本结构:
new Vue({//根实例
el:'#app',//告诉vue,它管理的页面范围,注意不能是html
data:{ //存放数据的属性,自动挂载到vue实例上
msg:'ok'
}
})
页面拿到data中的数据:
小胡子语法:{{msg}}
vue指令:v-text :绑定数据的,解决了小胡子语法的闪一下的问题
v-html :绑定 带html标签的数据
v-once :只渲染一次数据,第二次及以后的渲染不起作用
v-for :解决循环问题