2024-12-13 厉飞雨 阅读(107) 评论(0) 赞(8)

<h2>7 组件注册 {#7-组件注册}</h2> <p><strong>组件名</strong></p> <p>在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了：</p> <pre><code class="langua...

2024-12-13 厉飞雨 阅读(155) 评论(0) 赞(9)

8 获取dom对象和组件的对象 {#8-获取dom对象和组件的对象} ---------------------------------- `ref` 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 `$refs`对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： ```html <!-- `v...

2024-12-13 厉飞雨 阅读(138) 评论(0) 赞(6)

<ol start="4"> <li>Vue的Ajax请求 {#4-vue的ajax请求}</li> </ol> <hr /> <h3>4.1 Vue-resource插件介绍 {#41-vue-resource插件介绍}</h3> <p><strong&g...

2024-12-13 厉飞雨 阅读(90) 评论(0) 赞(6)

<ol start="5"> <li>Vue生命周期 {#5-vue生命周期}</li> </ol> <hr /> <p>所有的生命周期钩子自动绑定 <code>this</code> 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着<st...

2024-12-13 厉飞雨 阅读(146) 评论(0) 赞(8)

<ol start="2"> <li>Vue在chrome浏览器的调试工具Vue-Devtools {#2-vue在chrome浏览器的调试工具vue-devtools}</li> </ol> <hr /> <p><strong>作用</strong></p...

2024-12-13 厉飞雨 阅读(135) 评论(0) 赞(8)

<h2>1.起步 {#1起步}</h2> <p>创建一个html，然后通过如下方式引入 Vue：</p> <pre><code class="language-javascript">&lt;!-- 开发环境版本，包含了有帮助的命令行警告 --&gt; &lt;s...

2024-12-13 厉飞雨 阅读(121) 评论(0) 赞(8)

3. v-on按键修饰符 {#3-v-on按键修饰符} --------------------------- ### 3.1 作用说明 {#31-作用说明} ```markdown 文档地址：https://cn.vuejs.org/v2/guide/events.html 在监听键盘事件时，我们经常需要监听常见的键值，vue允许v-on在监听键盘事件时添加按键修饰符：...

2024-12-13 厉飞雨 阅读(119) 评论(0) 赞(8)

<h2>2024 年更新 {#2024-年更新}</h2> <p>不再推荐用这种偏门的方式去优化网络加载，这非常不可靠。Halo 2.x 也已经完全没有使用这种方式。正确的做法应该是在工程和代码层面优化，比如分包、异步加载路由、缓存策略、SSR 等。一定要上 CDN，也应该是从基础设施运维上面考虑。</p> <p>感谢...

2024-12-12 厉飞雨 阅读(158) 评论(0) 赞(6)

<p>Vue中响应式（拿reactive举例）实现其实是一系列的依赖收集，使用Proxy对传入的对象进行代理监听，返回处理好的代理对象。</p> <pre><code class="language-javascript">//对象的响应式原理 class Depend { static activeR...

2024-12-12 厉飞雨 阅读(138) 评论(0) 赞(6)

<h3>1. Element plus组件 {#1.-element-plus%E7%BB%84%E4%BB%B6}</h3> <p>使用Element plus的Menu 菜单和Container 布局容器。 <a href="https://element-plus.org/zh-CN/component/menu.htm...