![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
针对Vue2.0总结各模块
Y__C__X
记录成长的每个点滴
展开
-
07-2-嵌套路由(上)
我们先来看非嵌套路由会发生什么点击后变成原因跳转的路由跟 首页路由同级(与文件位置同级一个道理)它就会找到 div app下的出口我们可以在div app下弄点内容让效果更明显所以引出 children属性 嵌套路由请链接07-2-嵌套路由(下)...原创 2021-07-21 23:33:20 · 130 阅读 · 0 评论 -
07-1-路由的基本配置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.js"></script> <script src="../js/vue-router.js"></script></head>.原创 2021-07-21 23:26:24 · 147 阅读 · 0 评论 -
06-vue-2-组件的ref属性
总结:这种形式也能进行传值 或者说是主动拿值 更为便捷 人性化进行遍历会发现 遍历了6个 都以数组的形式展现 而上面两个同名的demo1只在refs中存在后面那个demo1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js">&.原创 2021-07-20 15:01:09 · 277 阅读 · 0 评论 -
06-vue-1-组件的生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script></head><body><div id="app"> {{num}} <!-- 这里有个小.原创 2021-07-20 14:28:15 · 83 阅读 · 0 评论 -
05-vue-2-插槽的作用域
个人理解:插槽的子传父 区别于使用自定义事件子传父插槽传值是通过 在标签上定义属性 而自定义事件 发送事件函数及数据是定义在js中个人觉得 插槽形式适用于预览数,不进行本地保存而自定事件有 发送$emit 和父组件中自定义的接收函数 此时就便于将接收到的数据保存到父实例中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl.原创 2021-07-20 14:25:51 · 4920 阅读 · 0 评论 -
05-vue-1-组件插槽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title </title> <script src="js/vue.js"></script></head><body><div id="app"><!-- 正常情况下,组件标签内是不能插入.原创 2021-07-20 14:20:35 · 819 阅读 · 0 评论 -
04-vue-3-子组件之间的传值(空Vue实例中枢)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> <style> #app div { line-height: 100px; .原创 2021-07-17 23:31:20 · 445 阅读 · 0 评论 -
04-vue-2自定义组件传值(子传父)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> <style> #app { border: 1px solid black; .原创 2021-07-17 17:08:51 · 148 阅读 · 0 评论 -
04-vue-1父子组件通信-父传子(props)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> <style> #app { border: 1px solid black; .原创 2021-07-16 22:59:16 · 132 阅读 · 0 评论