![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
指令
正儿八经学前端
道阻且长,行则将至,行而不缀,未来可期。
展开
-
v-show指令与v-if指令区别
<body> <!-- v-show: 作用控制一个元素的显示或者隐藏 v-show="值" 这个值如果是true,就是显示 否则隐藏 v-if="值" 也是用于控制元素的显示和隐藏 如果值为true就是显示,如果是false就隐藏 共同点:v-show和v-if都可以控制元素的显示和隐藏 区别: v-show通过样式的显示和隐藏来控制 v-if通过创建和删除元素来控制原创 2020-05-14 15:46:15 · 152 阅读 · 0 评论 -
vue生命周期的钩子函数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <titl原创 2020-05-14 15:58:59 · 210 阅读 · 0 评论 -
vue中$refs、$emit、$on、props、$parent的使用场景及方法
1、$emit的使用场景 子组件调用父组件的方法并传递数据 子组件: <template> <button @click="emitEvent">点击我</button> </template> <script> export default { data() { return { msg: "我是子组件中的数据" } }, methods: { emitEvent转载 2020-09-09 16:39:36 · 890 阅读 · 3 评论 -
v-pre与v-once指令
<body> <!-- 1. 某个元素如果添加v-pre指令, 内部的元素会被vue直接跳过,不过渲染 将来有可能有一大段的文本,我很明确的知道这段文本是不需要vue来处理 2. v-once: 只会渲染第一次,但是注意:后续数据的更新,视图不发生更新 性能优化: 发现大量的静态的内容不需要更新或者不需要渲染,可以使用v-pre v-once --> <div id="app.原创 2020-05-14 15:43:56 · 290 阅读 · 0 评论