码迷,mamicode.com
首页 > 其他好文 > 详细

vue_2

时间:2018-01-10 23:48:27      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:router   网页   删除   view   ash   vue-cli   git add   本地   打开   

mount:异步挂载

指令:

v-text:转意
v-html:禁止转意

@click.preven修饰符,阻止默认行为

computed: (计算属性)计算放这儿
计算属性当它所依赖的值发生变化时,它会重新计算;(计算属性有缓存)
methods:发生变化就执行,没有缓存
watch:(侦听属性)使用监听,有缓存,每一个都监听,代码量大
methods、computed、watch实现相同功能优先使用computed,有缓存,代码没有冗余

计算属性的get和set
get用来获取值
set可以设置值

template:占位模板(不会真实占据DOM位置)

vue操作数组

  1. 由7个变异方法:
  2. 通过改变数组的引用:改变地址
    vm.list = [1,3,4,5,5]

self:触发事件的元素和绑定事件的元素是同一个的时候函数才会执行

单向数据流:父组件可以改变数据向子组件传递,子组件不能改变父组件的数据

非父子组件传值:简单方案bus(总线传送) 复杂方案vuex()
bus和vuex设计理念:都是把公用数据存储到公共区域通过发布订阅模式进行通信

根节点上的所有 通过this.$root(当前组件所在的组件树中的根组件,通过这个属性,)

作用域插槽:父组件是提供模板的子组件是提供内容

ssh
babel

git

刚打开看到的目录叫做工作区
git add 把工作区文件放到缓存区
git commit 缓存区到本地

git生成公钥

  1. 搜索git ssh key gen
  2. 打开git Bash
  3. cd ~ 进入~(window系统下)
  4. ls -a | grep ".ssh" 查看有没有ssh
  5. rm -r .ssh 删除ssh
  6. ssh-keygen -t rsa -C "1852712731@qq.com" 生存密钥
  7. 按3个回车
  8. cd .ssh 进入ssh目录
  9. ls 列出当前目录下所有文件
  10. cat id_rsa.pub
  11. 复制公钥
  12. 进入github点击个人下的Settings
  13. 点击左侧SSH and GPG keys
  14. 点击右上角New SSH key
  15. 把公钥粘到key中title中起个名字
  16. 打开git Bash输入 git config --global user.name "liu"
  17. git config --global user.email "1852712731@qq.com"

组长:

  1. 线上建立一个仓库
  2. github上添加组员
    ~~~
    进入仓库
    点击右上角Settings
    点击左侧Collaborators
    添加组员GitHub账号
    如果组员收不到邮件复制地址发给组员进入浏览器打开接受邀请
    ~~~
  3. 线下和仓库建立连接
    ~~~
    git clone SHH地址 要创建的文件名
    选yes
    ~~~
  4. 建立vue项目
  5. puss到GitHub上

组员:

  1. git clone 仓库链接
  2. yarn install 因为上传的时候是忽略依赖上传的所以的本地下载
  3. npm run start

构建vue项目:

  1. 全局安装 vue-cli
    npm install --global vue-cli
  2. 创建一个基于 webpack 模板的新项目
    shift+右键进入桌面vue init webpack 文件名(如果有则不创建)
    Set up unit tests选no
    Setup e2e tests with Nightwatch?no
  3. 打开创建好的项目执行npm run start
  4. 浏览器输入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(需要几天时间)

vue_2

标签:router   网页   删除   view   ash   vue-cli   git add   本地   打开   

原文地址:https://www.cnblogs.com/lhh-bky/p/8261672.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!