一. Vue 的介绍 1. vue是一个 mvvm 的框架.(面试官经常会问的),angular 是 mvc的框架. 2. vm 是 vum 的实例,这个实例存在计算机内存中,主要干两件大事: 1. 绑定数据 2. dom检测 3. vue 实例 靠 new 关键字实例化 vue 对象,使用 mvvm 模型 1. M modal 数据 2. v view 视图 3. vm 全称viewmodal 就是一个vue实例 4. Vue.js 是封装的一个类,参数是个 options 对象 最常用的属性…

Slot  v-slot 插槽元素 浏览器在解析时候首先把它当作标签来解析,只有遇到不认识的就不管了,直接跳过,当你发现是组件,在以组件形式解析. 使用插槽的好处? 比如一个网站 分布顶部都是一样的,如果使用组件,要写好几个导航组件.我只写一个导航组件,然后让插值里面东西去覆盖内容 就可以了. * 在页面渲染的时候,slot元素会被替换成组件标签里面的东西.那这个slot就是哈哈哈. * 不仅可以直接写内容,还可以套标签.还可以写其它组件. 1. 编译作用域 在谁的模板下,组件标签中的数据就是谁…

Vue引入bootstrap主要有两种方法 方法一:在main.js中引入 此方法导入的bootstrap中对于html,body的一些预设置的css样式可能无效 引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev  若是运行报错,则运行cnpm install jquery (cnpm和npm都可以)这样就将jquery安装到了这个项目中. 然后修改webpack.base.conf.js(在build文…

Vue 的 父传子 子传父 一.父组件向子组件传值: 父传子 把需要的数据 传递给 子组件,以数据绑定(v-bind)的形式,传递到子组件内部,供子组件使用  缩写是(:) 1.创建子组件,在src/components/文件夹下新建一个Child.vue 子组件 2.Child.vue的中创建props,然后创建一个名为message的属性 解释Props 1. Props 是一个对象 注意:组件中的this 都是指向组件自己. 2. Props 是组件标签身上的所有属性 构成的集合,用于父组…

三大主流框架: 1. Vue.js 是目前最火的一个前端框架,react是最流行的前端框架 (react除了开发网站,还可以开发手机app,Vue语法也是可以用于手机App开发的,需要借助于wexx). 2. Vue.js 是前端主流框架之一,和 angular 和 react 一起并称为三大主流框架. 3. Vue.js 是构建用户界面的框架,只关注视图层(视图层只针对前端页面),它不仅容易上手,还便于与第三方库 或 既有项目整合(vue 有配置第三方库,可以整合起来做大型项目开发). 4.…

Java工程师学习指南 中级篇 最近有很多小伙伴来问我,Java小白如何入门,如何安排学习路线,每一步应该怎么走比较好.原本我以为之前的几篇文章已经可以解决大家的问题了,其实不然,因为我写的文章都是站在Java后端的全局上进行思考和总结的,忽略了很多小白们的感受,而很多朋友都需要更加基础,更加详细的学习路线. 所以,今天我们重新开一个新的专题,分别按照四个部分讲述Java的学习路线,笔者也打算趁此机会,回忆一下自己的Java学习历程.今天我们要讲的是第三部分,Java工程师学习指南(中级篇).…

今天小编给大家详细讲解一下 vue 的生命周期.希望大家多多指教,哪里有遗漏的地方,也请大家指点出来 谢谢. 一. 怎么理解 Vue 的生命周期的? 生命周期:从无到有,到到无的一个过程.Vue的生命周期对组件来说的 或 实例来说. 简单理解:比如我们都知道 js 中的定时器,定时器都有开始的那一秒,已经执行过程中,最后执行完毕,我们的 Vue 的生命周期就好像 定时器一样,有许多过程,他们就像钩子一样,相互牵连着. 1. 在Vue当中  组件(自定义的一些标签) 浏览器是无法解析的. 2. …

一.路由的配置 路由  vue-router 1. 什么是路由? 路由相当于一个配置对象 路由:就是我们通过不同的url访问不同的内容,通过angular.js 可以实现多视图的单页,现在流行的单页面开发模式. 2. 路由在web 有两种: 第一种 hash hash值前面带 # "  https:   //    user   :   pass   @ sub.example.com : 8080   /p/a/t/h  ?  query=string  #hash " 第二种是 h…

环境搭建 安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装脚手架 cnpm install -g @vue/cli 清空缓存处理 npm cache clean --force 项目的创建 创建项目 vue creat 项目名 // 要提前进入目标目录(项目应该创建在哪个目录下) // 选择自定义方式创建项目…

本文主要记录学习vue的一些基础内容及常用知识点的记录. 1.搭建脚手架 vue init webpack vue-demo 初始化一个使用webpack打包的vue项目 npm install 安装包的默认依赖 npm run dev 启动可以实现热加载 npm install vuex --save 安装其他包的命令,例如vuex 2.常用参数 基本参数 vue是一个MVVM框架,不再通过操作dom做交互,而是把重点放在数据层,可以分为: data:绑定的数据,可以是基本类型和引用类型 me…