前端bootstrap和vue一起用 vue的不被解析?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端bootstrap和vue一起用 vue的不被解析?相关的知识,希望对你有一定的参考价值。

我是已经引入了vue.js 和 bootstrap的js 其他地方vue是可以的 但在bootstrap组件中里值不被解析 vue的语法好像也没生效 v-for也没有大神 告知怎么做 我是同页面引入的JS

 <img :src="img" class="img-fluid">

 请采纳

追问

好像是这样的

参考技术A :src="img"

vue和react哪个更好用,为啥?

Vue和React都是属于目前比较主流的前端框架,实际开发中也经常会拿Vue和React来比较。但是我们通常会根据各自优势来选择项目比较适合的框架。

React优点:

1.声明式设计 −React采用声明范式,可以轻松描述应用。

2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。

3.灵活 −React可以与已知的库或框架很好地配合。

4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。

5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。

6.单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

Vue优点:

1.简单易学,容易上手,Vue是国内团队开发,文档手册比较齐全,很适合前端新手小白学习。 

2.更顺畅的集成:无论是单页应用程序还是复杂的Web界面,Vue.js都可以更平滑地集成更小的部件,而不会对整个系统产生任何影响。

3.性能优势,更小的尺寸:它占用更少的空间,并且往往比其他框架提供更好的性能。

精心编写的文档:通过详细的文档提供简单的学习曲线,无需额外的知识; HTML和JavaScript将完成工作。

4.运行速度快,相对于React来说,性能着一方面Vue占有绝大优势。 


根据不同框架优点,我们在实际项目开发选型中一般中小型项目我们会选择使用Vue,大型项目会选择React。

参考技术A

官方对比

Vue 官网给出了详细的异同对比,相信这是最权威的比较

相同点:

    使用了虚拟 DOM

    提供响应式编程概念,组件化思想

    渐进式编程,重点放在核心库,其他交给社区或者第三方库完成

    不同之处:

    1. diff 方式。

    react 需要通过 PureComponent 或者实现 方法来优化组件渲染。

    而 vue 不需要额外的设置,完全交给框架来完成。

    2. JSX 和 Template

    首先 Vue 也提供了渲染函数(render)。React 主推 JSX(就是那个让大部分程序员,刚上手不习惯的渲染函数语法糖),会有种错觉:HTML(React 元素) 和 Javascript 逻辑居然写在了一起。

    Vue 通过 vue-loader ,帮助我们把 template、script、css 分离开,或者最后组合在一起。完全可以像以前的 web 开发一样,入门门槛降低。

    3. 脚手架

    React 提供了 create-react-app 工具,虽然是不错的脚手架,但不涉及 webpack 等的配置的修改能力;

    相反,Vue 依靠 vue.config.js 让我们更定制化的修改脚手架配置。

    4. 其他

    React 学习成本更高,Vue 更符合我们的开发模式(习惯)

Vue和React各有特点吧,Vue主张开箱即用,也就是使用特别方便,很多公司都愿意使用Vue因为他上手简单,难度低。

而React的可定制度会比较高,很多理念都领先于行业,很多大公司都在用React,相对Vue来讲会稍难一些。

如果想进大厂,那么React肯定是必学的,如果对大厂没有要求,那么就学习Vue就好了

以上是关于前端bootstrap和vue一起用 vue的不被解析?的主要内容,如果未能解决你的问题,请参考以下文章

vue bootstrap区别

为啥 nuxt-link 与 Bootstrap-vue 一起使用时会刷新页面?

菜鸟如何学习vue

D3.js的V5版本-Vue框架中使用-树状图

vee-validate 不能与 bootstrap-vue 一起使用

vue-i18n语言文字不被打包