Vue.js热门移动端组件库，有哪些比较好的推荐？

一、MintUI

饿了么公司前端团队开发的基于vue的移动端组件库，功能齐全，在git上有158k的star，非常不错的一款移动开发工具。

官方地址：#!/en

二、Vant

有赞前端团队开发移动端组件库，还支持小程序。在git上有14k的star，完善的文档和强大的技术团队支撑。

三、MUI

意为原生UI，轻量不依赖任何第三方JS库。官方介绍说mui框架有效的解决了HTML5在手机app上运行的性能和体验不好的问题，是一个可以方便开发出高性能App的框架，也是目前最接近原生App效果的框架。

四、cube-ui

滴滴团队开源。扩展性强，可以方便地基于现有组件实现二次开发。体验极致，以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。

基于vue的移动端组件库还有很多其他的，选择合适自己app项目的就是最好的，上面这几个框架基本可以应付绝大部分的场景了。

这种情况很简单,动态添加进去的tr不能应用js和css,在tr添加进页面后,再调用一下$("tr")addClass("样式名"); 重新给他添加一下样式即可至于js的话,在绑定事件的时候用:$("tr")live(funtion(){ }) 这样就可以了因为绑定事件的时候live就

vue项目中使用pdfjs-dist预览pdf文件+分页并兼容字体

1安装

npm install pdfjs-dist --save

2引入

let PDFJS = require(“pdfjs-dist”);

PDFJSGlobalWorkerOptionsworkerSrc = require(“pdfjs-dist/build/pdfworkermin”);

5完成。拿来即用，希望小伙伴们少走弯路！

路漫漫其修远兮，吾将上下而求索。加油！

————————————————

原文链接： https://blogcsdnnet/qq_38057434/article/details/104654073

# 下载最新的vue

$ npm install vue

js 引用 vuejs

开始代码，感受vue强大的双向数据绑定

<div id="app">

  <p>{{ message }}</p>

  <input v-model="message">

</div>

    

new Vue({

  el: '#app',

  data: {

    message: 'Hello Vuejs!'

  }

})

实战代码：

<div id="app">

  <input v-model="newTodo" v-on:keyupenter="addTodo">

  <ul>

    <li v-for="todo in todos">

      <span>{{ todotext }}</span>

      <button v-on:click="removeTodo($index)">X</button>

    </li>

  </ul>

</div>

    

new Vue({

  el: '#app',

  data: {

    newTodo: '',

    todos: [

      { text: 'Add some todos' }

    ]

  },

  methods: {

    addTodo: function () {

      var text = thisnewTodotrim()

      if (text) {

        thistodospush({ text: text })

        thisnewTodo = ''

      }

    },

    removeTodo: function (index) {

      thistodossplice(index, 1)

    }

  }

})

Vue整个生命周期示意图：

Vuejs和Vue是指同一个框架，没有本质上的区别。Vuejs是Vue框架的官方名称，而Vue是其简称。

Vuejs（或Vue）是一种现代化的JavaScript前端框架，用于构建交互式的用户界面。它被设计成易学易用、灵活高效的框架，主要用于开发单页面应用程序（SPA）和复杂的前端应用。

Vuejs的特点和优势包括：

渐进式框架：Vuejs是一个渐进式框架，可以根据项目的需要逐步应用。你可以选择在一个小的部分中使用Vuejs，也可以将其用于构建整个应用。

轻量级和高效：Vuejs的核心库非常轻量，压缩后只有几十KB，加载和运行速度非常快。它使用虚拟DOM（Virtual DOM）来优化性能，只更新需要变更的部分，提高页面渲染效率。

数据驱动视图：Vuejs采用了基于数据的响应式机制，通过将数据和DOM绑定在一起，实现了自动更新视图的功能。当数据发生变化时，页面会自动更新，避免了手动 *** 作DOM的繁琐工作。

组件化开发：Vuejs鼓励使用组件化的开发方式，将UI拆分成独立的组件，每个组件负责自己的功能和样式。组件可以复用、嵌套和组合，提高了代码的可维护性和复用性。

生态系统丰富：Vuejs拥有庞大而活跃的社区，提供了大量的插件、工具和第三方库，用于处理路由、状态管理、表单验证等方面的问题，丰富了开发者的选择和效率。

总的来说，Vuejs是一种简洁、灵活、高效的前端框架，通过其独特的特性和设计理念，使得开发者可以更轻松地构建交互式的用户界面和复杂的前端应用。无论是使用Vuejs还是Vue，它们指向的都是同一个优秀的前端框架。