![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
liaimin111
没什么想说的
展开
-
vue基础入门篇1
Vue基础总结0. vue.js源代码匿名函数 (function(){}) ()1. 特点安全性高减少了函数命名冲突第二个括号才是函数的真正运行, 里面可以传入实际参数第一个括号确定了匿名函数的作用范围, 语法不会报错, 里面放一个没有名字的函数, 函数可以接收形式参数底层代码封装匿名函数作用确定vue.js这个库的使用方法直接将Vue当做全局的一个方...原创 2019-04-17 18:52:32 · 90 阅读 · 0 评论 -
vuex基础
2. vuex什么是状态?用一条数据去管理一个视图或是视图中的一部分,那么我们就将这个数据称之为状态什么是状态管理?用一条数据去管理一个视图或是视图中的一部分,那么我们就将这个数据称之为状态,这种管理的形式我们称之为 状态管理vuex是做什么的?(概念)vuex是一个集中式的存储仓库【状态】,类似于 本地存储、数据库,vuex是vue的状态管理工具,它的功能主要是...原创 2019-04-30 11:12:02 · 175 阅读 · 0 评论 -
vue的非响应式处理方法
vue的非响应式情况数组的下标 <div id="app"> <button @click = "change"> 点击 </button> <ul> <li v-for = ' (item,index) in list ' :key = 'index'> <p> {...原创 2019-04-30 11:03:22 · 956 阅读 · 0 评论 -
路由的进阶部分
1.路由路由激活A: 自己书写一个类名或是使用第三方给的类名B;在router-link组件身上添加一个 active-class 的属性 <router-link to = "/home" active-class = "active"/>路由的缓存在router-link组件上添加一个属性 keep-alive <router-link...原创 2019-04-30 11:02:11 · 114 阅读 · 0 评论 -
路由的导航守卫
作用: — 类似 【保安】守卫路由进举例: 携带数据进出举例: 事情完成才能出导航守卫一共有三种形式A: 全局导航守卫全局前置守卫 router.beforeEach(fn)fn中有三个参数全局的解析守卫在 2.5.0+ 你可以用 router.beforeResolve 注册一个全局守卫。这和 router.beforeEach ...原创 2019-04-30 10:58:46 · 172 阅读 · 0 评论 -
封装自定义插件库
封装自定义插件库定义一个组件就是一个单文件组件 Loading.vue注册组件 import Loading from './components/Loading.vue' export const loading = { install () { Vue.component( 'Loading', Loading) } } 使...原创 2019-04-30 10:53:45 · 154 阅读 · 0 评论 -
Vue深入响应式原理 数据传输及其
1. vue深入响应式原理深入响应式原理:当视图模型(VM)中的数据模型(M)发生改变时, 视图(V)就会进行更新Vue通过watcher将data中的属性全部使用Object.definePropery编程getter和setter,当属性值发生改变的时候, 就会触发, 然后wather就会触发, 告诉视图(V)进行重新渲染**** 数据必须放在data选项中才能进行深入响应式底层...原创 2019-04-20 08:55:13 · 412 阅读 · 0 评论 -
Vue深入响应式原理
1. vue深入响应式原理深入响应式原理:当视图模型(VM)中的数据模型(M)发生改变时, 视图(V)就会进行更新Vue通过watcher将data中的属性全部使用Object.definePropery编程getter和setter,当属性值发生改变的时候, 就会触发, 然后wather就会触发, 告诉视图(V)进行重新渲染**** 数据必须放在data选项中才能进行深入响应式底层...原创 2019-04-19 22:16:40 · 255 阅读 · 0 评论 -
VUE的class style 计算属性
class && styleclass为什么要绑定类名?数据–驱动–》视图 数据–控制–》类名 -->样式类名 要和 数据 绑定 —使用 —》 v-bind类名的绑定方式A: 对象的形式<div :class = "{'size': classFlag,'bg': classFlag}"></div>注意: 对象中的k...原创 2019-04-18 21:27:47 · 2781 阅读 · 0 评论 -
VU的class style 计算属性
class && styleclass为什么要绑定类名?数据–驱动–》视图 数据–控制–》类名 -->样式类名 要和 数据 绑定 —使用 —》 v-bind类名的绑定方式A: 对象的形式注意: 对象中的key用字符表示* B: 数组的形式 ### style1. 为什么要绑定样式呢?* A: 样式有几种使用形式1. styl...原创 2019-04-18 21:22:40 · 280 阅读 · 0 评论 -
组件通讯问题
组件注册Vue.component(组建名称, 组件的配置)在组件中使用components的配置项来表示问题:组件命名问题组件命名和html原生标签冲突 Header Footer ----> header footer大驼峰的写法 Vue.componennt('ZhangJun',{ template: '<div&...原创 2019-04-22 21:21:14 · 138 阅读 · 0 评论 -
webpack,cli安装步骤
webpackwebpack-dev-serverresolve 文件扩展名可以省略es6 -> es5 ( 优雅降级 )什么叫做优雅降级, 什么叫做渐进增强?优雅降级指的是, 先进行高版本开发, 然后向下兼容渐进增强指的是, 先进行低版本稳定开发, 然后在进行高版本技术的引用css代码抽离(将src目录css文件打包到dist目录中, 并且会自动在index.htm...原创 2019-05-06 08:27:06 · 3699 阅读 · 0 评论