随笔分类 -  4.1.1.vue基础知识

15.Vue的路由钩子
摘要：1.什么是路由钩子 beforeRouteEnter：在进入路由前执行 beforeRouteLeave：在离开路由前执行 参数说明： to：路由将要跳转的路径信息 from：路径跳转前的路径信息 next：路由的控制参数 next() 跳入下一个页面 next('/path') 改变路由的跳转方向 阅读全文
posted @ 2019-12-23 15:31 All_just_for_fun 阅读(290) 评论(0) 推荐(0)
14.Vue路由参数传递以及重定向
摘要：1.使用场景 我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。此时我们就需要传递参数了； 2.使用流程 修改父组件，绑定的子组件路由名称以及传递的参数 修改路由配置文件子组件的路径中添加参数，以及修 阅读全文
posted @ 2019-12-23 14:48 All_just_for_fun 阅读(2056) 评论(0) 推荐(1)
13.Vue路由嵌套
摘要：1.什么是路由嵌套 嵌套路由又称子路由，在实际应用中，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件，例如： 2.使用 1.在views中创建user目录，user目录下创建用户信息组件Profile.vue 2.在user目录下创建用户列表视图组件Lis 阅读全文
posted @ 2019-12-23 13:20 All_just_for_fun 阅读(399) 评论(0) 推荐(0)
12.Vue+ElementUI
摘要：1.创建工程 创建一个名为 hello-vue 的工程 vue init webpack hello-vue 安装依赖，我们需要安装 vue-router、element-ui、sass-loader 和 node-sass 四个插件 # 进入工程目录 cd hello-vue # 安装 vue-r 阅读全文
posted @ 2019-12-23 12:50 All_just_for_fun 阅读(2113) 评论(0) 推荐(0)
11.vue-router路由
摘要：1.什么是vue-router路由 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度 阅读全文
posted @ 2019-12-23 01:01 All_just_for_fun 阅读(1131) 评论(0) 推荐(0)
10.webpack学习使用
摘要：1.什么是Webpack Webpack 是当下最热门的前端资源模块化管理和打包工具，它可以将许多松散耦合的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分离，等到实际需要时再异步加载。通过 loader 转换，任何形式的资源都可以当做模块，比如 CommonsJ 阅读全文
posted @ 2019-12-22 15:13 All_just_for_fun 阅读(348) 评论(0) 推荐(0)
9.第一个vue-cli项目
摘要：1.什么是vue-cli vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板; 预先定义好的目录结构及基础代码，就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速; 主要功能： 统一的目录结构 本地调试 热部署 单元测试 阅读全文
posted @ 2019-12-22 14:36 All_just_for_fun 阅读(451) 评论(0) 推荐(0)
8.Vue的slot
摘要：1.什么是slot 在 Vue.js 中我们使用 <slot> 元素作为承载分发内容的出口，作者称其为 插槽，可以应用在组合组件的场景中 2.使用 建立组件预留插槽 定义填充入插槽的组件 实例化Vue并初始化数据 将值填充入插槽 3.自定义事件内容分发 阅读全文
posted @ 2019-12-22 02:03 All_just_for_fun 阅读(508) 评论(0) 推荐(0)
7.Vue的计算属性
摘要：1.什么是计算属性 computed：计算属性的重点突出在 属性 两个字上（属性是名词），首先它是个 属性 其次这个属性有 计算的能力（计算是动词），这里的 计算 就是个函数；简单点说，它就是一个能够将计算结果缓存起来的属性（将行为转化成了静态的属性），仅此而已；可以想象为缓存！ 2.编写程序 注意 阅读全文
posted @ 2019-12-22 01:54 All_just_for_fun 阅读(292) 评论(0) 推荐(0)
6.Vue的Axios异步通信
摘要：1.什么是Axios Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，主要作用就是实现 AJAX 异步通信，其功能特点如下： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API [JS中链式编程] 拦截请求 阅读全文
posted @ 2019-12-22 01:13 All_just_for_fun 阅读(918) 评论(0) 推荐(0)
5.Vue的组件
摘要：1.什么是组件 组件是可复用的Vue实例，也就是一组可以复用的模版，类似JSTL的自定义标签。 你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。 组件是可复用的Vue实例，也就是一组可以复用的模版，类似JSTL的自定义标签。 你可能会有页头、侧边栏、内容区等组 阅读全文
posted @ 2019-12-22 00:41 All_just_for_fun 阅读(182) 评论(0) 推荐(0)
4.Vue双向绑定
摘要：1.什么是双向数据绑定 Vue.js 是一个 MVVM 框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是 Vue.js 的精髓之处了。 值得注意的是，我们所说的数据双向绑定，一定是对于 UI 控件来说的，非 UI 控件不会涉及到数据 阅读全文
posted @ 2019-12-21 23:42 All_just_for_fun 阅读(276) 评论(0) 推荐(0)
3.Vue的基本语法
摘要：1.v-bind 可简写为"：" 你看到的 v-bind 等被称为指令。指令带有前缀 v-，以表示它们是 Vue 提供的特殊特性。 我们可以使用 v-bind 来绑定元素特性! 在这里，该指令的意思是：“将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致”。 注：使用 阅读全文
posted @ 2019-12-21 22:55 All_just_for_fun 阅读(1082) 评论(0) 推荐(0)
2.第一个Vue程序
摘要：1.IDEA中安装Vue.js插件 2.建立项目以及html文件 1.创建一个 HTML 文件 2.引入 Vue.js 3.创建一个 Vue 的实例 说明: el:'#vue'：绑定元素的 ID data:{message:'Hello Vue!'}：数据对象中有一个名为 message 的属性，并 阅读全文
posted @ 2019-12-21 22:15 All_just_for_fun 阅读(191) 评论(0) 推荐(0)
1.Vue前端核心分析
摘要：1.Vue SoC：关注点分离原则 网络通信：axios 页面跳转：vue-router 页面管理：vuex Vue-UI：ICE、ElementUI 集大成者：MVVM+虚拟DOM 2.MVVM 异步通信为主 Model、View、ViewModel 核心为ViewModel： 能够观察到数据的变 阅读全文
posted @ 2019-12-21 21:58 All_just_for_fun 阅读(204) 评论(0) 推荐(0)