![](https://img-blog.csdnimg.cn/20191211112226203.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vuejs
文章平均质量分 53
渐进式JavaScript 框架
我是全栈架构师
高级架构师
展开
-
vue插槽
接下来我们看一下命名插槽, 命名插槽, 顾名思义, 就是带有名称的插槽, 有时我们需要向不同插槽里插入内容, 这时就需要给插槽加上一个名称了, 我们再来建一个带有命名的子组件ChildNameSlot.vue。加入我们有5个页面, 页面中大部分内容是相同的, 只有个别内容不同, 通常的做法是复制5个页面, 这种做法不是很优雅, 这时可以使用插槽功能来实现。作用域插槽意思是子组件提供属性, 父组件可以访问其属性, 我们接着新建一个带有属性的插槽ChildScopeSlot.vue。原创 2023-03-26 21:03:28 · 101 阅读 · 0 评论 -
Vue Router参数使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>路由,重定向, 参数传递</title> <script src="../vue.js"></script> <script ...原创 2019-12-12 15:43:08 · 147 阅读 · 0 评论 -
vue-devtools安装
ddd原创 2019-12-12 10:34:47 · 1217 阅读 · 0 评论 -
Vue监控属性watch的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Computed属性购物差演示</title> <!--<script src="vue.js"></script>--> ...原创 2019-12-11 17:07:38 · 187 阅读 · 0 评论 -
Vue计算属性computed使用场景
【代码】Vue计算属性computed使用场景。原创 2019-12-11 16:18:19 · 1701 阅读 · 1 评论 -
Vue父子组件相互传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件相互传值</title> <!--<script src="vue.js"></script>--> <s...原创 2019-12-11 14:49:46 · 119 阅读 · 0 评论 -
Vue组件定义
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue组件定义</title> <!--<script src="vue.js"></script>--> <sc...原创 2019-12-11 14:39:47 · 100 阅读 · 0 评论 -
Vue基础指令的使用
//Start VueJs原创 2019-12-11 11:27:10 · 302 阅读 · 0 评论