Hello Vue

geekymv 发表于:2024-11-04 16:43:18  

第一个 Vue 的使用案例 Hello V</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/61" target="_blank">vs code</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-10-12 13:25:08   <p>https://github.com/tommymsw/vscode-1 Live Server 插件</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/59" target="_blank">React.createRef 调用后返回一个容器</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-09-08 15:52:18   <p>React.createRef 调用后返回一个容器</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/60" target="_blank">react 回调形式的ref(推荐使用)</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-09-08 15:52:18   <p>react 回调形式的ref(推荐使用)</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/58" target="_blank">react 字符串形式的ref,不建议使用</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-08-25 12:31:16   <p>react 字符串形式的ref,不建议使用</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/57" target="_blank">react 函数式组件使用props</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-08-19 23:00:24   <p>react 函数式组件使用props</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/56" target="_blank">react props 简写</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-08-19 22:59:33   <p>react props 简写</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/55" target="_blank">react props 使用</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-08-19 22:58:53   <p>react props 使用</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/54" target="_blank">react state的简写形式</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-08-19 22:19:00   <p>react state的简写形式</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> <article class="post"> <h4 style="margin-left: 3em"><a href="/post/detail/53" target="_blank">react setState的使用</a></h4> <div class="media"> <div class="media-left"> <p class="image is-48x48"> <img src="https://avatars.githubusercontent.com/u/4549602?v=4" /> </p> </div> <div class="media-content"> <p> <a href="#">geekymv</a> 发表于:2024-08-15 22:47:45   <p>react setState的使用</p> <p> </p> </p> <nav class="level is-mobile"> <div class="level-left"> <a class="level-item" aria-label="reply"> <span class="icon is-small"> <i class="fas fa-reply" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="retweet"> <span class="icon is-small"> <i class="fas fa-retweet" aria-hidden="true"></i> </span> </a> <a class="level-item" aria-label="like"> <span class="icon is-small"> <i class="fas fa-heart" aria-hidden="true"></i> </span> </a> </div> </nav> </div> <div class="media-right"> <!--<span class="has-text-grey-light"><i class="fa fa-comment"></i> 1</span>--> </div> </div> </article> </div> </div> </div> </div> </div> <footer class="footer"> <div class="content has-text-centered"> <p> npe4j.com © 2022 </p> </div> </footer> <script type="text/javascript" src="../static/js/jquery.min.js"></script> <script type="text/javascript"> </script> </body> </html>