mount:异步挂载
指令：
v-text:转意
v-html:禁止转意
@click.preven修饰符，阻止默认行为
computed: (计算属性)计算放这儿
计算属性当它所依赖的值发生变化时,它会重新计算;(计算属性有缓存)
methods:发生变化就执行,没有缓存
watch:(侦听属性)使用监听,有缓存,每一个都监听,代码量大
methods、computed、watch实现相同功能优先使用computed,有缓存,代码没有冗余
计算属性的get和set
get用来获取值
set可以设置值
template：占位模板(不会真实占据DOM位置)
vue操作数组
- 由7个变异方法：
- 通过改变数组的引用：改变地址
vm.list = [1,3,4,5,5]
self:触发事件的元素和绑定事件的元素是同一个的时候函数才会执行
单向数据流：父组件可以改变数据向子组件传递，子组件不能改变父组件的数据
非父子组件传值：简单方案bus(总线传送) 复杂方案vuex()
bus和vuex设计理念：都是把公用数据存储到公共区域通过发布订阅模式进行通信
根节点上的所有 通过this.$root(当前组件所在的组件树中的根组件，通过这个属性，)
作用域插槽：父组件是提供模板的子组件是提供内容
ssh
babel
git
刚打开看到的目录叫做工作区
git add 把工作区文件放到缓存区
git commit 缓存区到本地
git生成公钥
- 搜索git ssh key gen
- 打开git Bash
- cd ~ 进入~(window系统下)
- ls -a | grep ".ssh" 查看有没有ssh
- rm -r .ssh 删除ssh
- ssh-keygen -t rsa -C "[email protected]" 生存密钥
- 按3个回车
- cd .ssh 进入ssh目录
- ls 列出当前目录下所有文件
- cat id_rsa.pub
- 复制公钥
- 进入github点击个人下的Settings
- 点击左侧SSH and GPG keys
- 点击右上角New SSH key
- 把公钥粘到key中title中起个名字
- 打开git Bash输入 git config --global user.name "liu"
- git config --global user.email "[email protected]"
组长：
- 线上建立一个仓库
- github上添加组员
~~~
进入仓库
点击右上角Settings
点击左侧Collaborators
添加组员GitHub账号
如果组员收不到邮件复制地址发给组员进入浏览器打开接受邀请
~~~ - 线下和仓库建立连接
~~~
git clone SHH地址 要创建的文件名
选yes
~~~ - 建立vue项目
- puss到GitHub上
组员：
- git clone 仓库链接
- yarn install 因为上传的时候是忽略依赖上传的所以的本地下载
- npm run start
构建vue项目：
- 全局安装 vue-cli
npm install --global vue-cli - 创建一个基于 webpack 模板的新项目
shift+右键进入桌面vue init webpack 文件名(如果有则不创建)
Set up unit tests选no
Setup e2e tests with Nightwatch?no - 打开创建好的项目执行npm run start
- 浏览器输入localhost:8080
项目内容介绍
src/main.js是程序的主入口
~~~
创建了vue的实例,绑定在HTML中的app上
template: 占位模板
components: 组件
import：引入一个文件
from: 文件路径,如果不写后缀会找js或json后缀的文件依次查找
~~~
index.html是程序的HTML网页
router/App.vue是一个单文件组件(在一个文件中写组件,单文件组件中包含模板,逻辑,样式)
多页应用：浏览器把老的页面抛掉然后重新加载一个新的页面
单页应用：只有一个html,当网页url发生变化的时候,并不重新加载一个url,而是重新加载页面数据，重新换DOM
vue是单页应用,jquery是多页应用
单页应用路由由前端绑定，多页应用路由由后端绑定
vue-router是一个vue的前端插件
@是src的目录简写
router-view: 标签或组件,显示当前路由下页面对应的内容
xx-net FQ(需要几天时间)