V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zzlettle
V2EX  ›  问与答

有没有像我这样, bootstrap jquery veu 混合一起来做页面的?

  •  
  •   zzlettle · 2019-11-04 19:46:12 +08:00 · 1550 次点击
    这是一个创建于 1606 天前的主题,其中的信息可能已经有所发展或是发生改变。
    鉴于本人的前端知识太差
    做页面非常依靠框架
    无框架不 page
    然后最近学了学 vue js
    想做一些简单的网站页面的时候,又不用些构建工具来
    实话是,本人也学不会那些 vue cli webpackage 什么的
    我现在的做法是
    一个页面里,混杂了 bootstrap jquery vuejs
    比如在一个模态弹窗效果中
    我就是用的 bootstrap 的默认组件
    但是我用的是 vue 来操作
    在 vue 里面的一个 methods 方法里面
    有个地方被点击后
    触发了这个地方的 onclick 事件,就会用到 vue 里面的这个我自己编写的方法
    然后在这个方法里面的函数体是什么了?
    其实就是
    $('#myModal').modal('show');
    没错
    在这里我又用了 jquery
    绕来绕去一大圈,最后真正干活的是 jquery
    我知道这么干很 low,代码根本见不得人
    但是项目跑起来了
    想要的效果实现了
    想问下,这里有多少人,是跟我一样,这么 low 的写前端代码的

    其实归根到底是这些构建工具 TM 的太复杂了完全看不懂,也没有学习的好教程,也懒得去学

    最核心的地方的代码时这样的

    var buttonCounter= Vue.component('button-counter', {
    data: function () {
    return {
    count: 0
    }
    },
    methods:{
    myclick:function(){
    this.count++;
    $('#myModal').modal('show');
    }
    },
    template: `
    <div>
    <button class="btn btn-primary" v-on:click="myclick">You clicked me {{ count }} times.</button>
    <p>dfdfdf</p>
    </div>
    `
    })
    6 条回复    2019-11-04 23:13:33 +08:00
    murmur
        1
    murmur  
       2019-11-04 19:47:11 +08:00
    正常的,我找过几个 react 和 vue 库都是 jquery 年代组件的封装,没办法,那个年代沉淀了很多好的组件,星多扩展性好功能强
    EscYezi
        2
    EscYezi  
       2019-11-04 21:18:30 +08:00 via iPhone
    一样,反正 bootstrap 也依赖 jquery (
    sivacohan
        3
    sivacohan  
       2019-11-04 22:06:00 +08:00
    你这样开发是没有问题。针对你的顾虑,你需要注意以下三点内容:

    1. jQuery 和 Vue 仅在组件级混用,即所有 jQuery 被 Vue 封装。
    2. 尽量减少直接 Dom 操作,使用状态来控制 Dom
    3. 尽量使用 Vue 操作 Dom 而非直接使用 jQuery
    zzlettle
        4
    zzlettle  
    OP
       2019-11-04 22:18:28 +08:00
    原来这么干是很正常
    mxtob
        5
    mxtob  
       2019-11-04 22:58:52 +08:00 via iPhone
    我直接用 layerui
    shintendo
        6
    shintendo  
       2019-11-04 23:13:33 +08:00
    vue 本来就可以不用构建工具直接上,这也是它的一大卖点,并不意味着就需要 jquery
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   972 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 20:46 · PVG 04:46 · LAX 13:46 · JFK 16:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.