相关内容
vue.js应用开发笔记
于是就琢磨着把vue简单的过下，如下所讲只是个人一些理解，不到的地方还望园友指正，涉及到的东西有vue、vue-router、vuex、axios以及nodejs一些后台东西，废话不说了直接上菜吧。 一、vue.js1、项目搭建使用vue-cli脚手架，首先必须安装vue、vue-cli：cnpm i vue vue-cli -g，全局安装完成之后我们便可以使用vue-cli...
23 个初级 Vue.js 面试题
正文共：3969 字预计阅读时间：10 分钟翻译：疯狂的技术宅来源：zeolearn? 1. 为什么vue被称为“渐进框架”？ 使用渐进式框架的代价很小，从而使现有项目（使用其他技术构建的项目）更容易采用并迁移到新框架。 vue.js 是一个渐进式框架，因为你可以逐步将其引入现有应用，而不必从头开始重写整个程序。 vue 的最基本...
重学巩固你的Vuejs（下）
重学巩固你的vuejs知识体系，如果有哪些知识点遗漏，还望在评论中说明，让我可以及时更新本篇内容知识体系。 欢迎点赞收藏！ 生命周期首先：new vue(),new一个vue的实例，observe data数据查看，init events绑定事件，created执行created方法，判断是否有el属性，如果没有，vm.$mount(el)表示处于未挂载状态，可以...
Vue.js开发移动端经验总结
我们可以使用开源项目vue-navigation来实现，更加方便，无须对router进行多余的设置。 npm i -s vue-navigation安装，在main.js中导入：import navigation...匹配基础组件文件名的正则表达式 ** const modules =require.context(., false, w+.vue$)modules.keys().foreach(filename => { 获取组件配置 const ...
Vue.js最佳实践（五招让你成为Vue.js大师）
对大部分人来说，掌握vue.js基本的几个api后就已经能够正常地开发前端网站。 但如果你想更加高效地使用vue来开发，成为vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。 第一招：化繁为简的watchers场景还原：? 件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的...
【Vuejs】778- 超全 Vuejs 知识点（基础到进阶）
vuex篇vuex 是什么？ 运用到了js设计模式中的单例模式，单例模式想要做到的是，不管我们尝试去创建多少次，它都只给你返回第一次所创建的那唯一的一个实例。 vuex 是一个专为 vue.js 应用程序开发的状态管理模式。 每一个 vuex 应用的核心就是 store（仓库）。 “store” 基本上就是一个容器，它包含着你的应用中大...
vue.js响应式原理解析与实现—实现v-model与{{}}指令
上一节我们已经分析了vue.js是通过object.defineproperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。 今天，我们就基于上一节的代码，来实现一个mvvm类，将其与html结合在一起，并且实现v-model以及{{}}语法。 tips:本节新增代码（去除注释）在一百行左右。 使用的observer和watcher都是延用上...
【Vuejs】738- 一篇文章上手Vue3中新增的API
作者： liulongbinhttp:www.liulongbin.top:8085#? id=_3-setup1. 初始化项目 ① npm i -g @vuecli ② vue create my-project ③ npm install@vuecomposition-api -s ④ main,jsimport vue from vueimport vuecompositionapi from@vuecomposition-apivue.use(vuecompositionapi) 2. setup方法setup是vue3.x中新的操作...
vue3之组件
这里有一份可以让你在应用入口文件 (比如 srcmain.js)中全局导入基础组件的示例代码：import vue from vueimport upperfirst from lodashupperfirstimport camelcasefrom lodashcamelcase const requirecomponent =require.context( 其组件目录的相对路径 .components, 是否查询其子目录 false,匹配基础组件文件名的...
vue之vue组件component整理
匹配基础组件文件名的正则表达式 basew+. (vue|js)$)requirecomponent.keys().foreach(filename => { 获取组件配置 const componentconfig = require...主要整理自官方文档，以自己熟悉的方式存放，便于查阅。 组件的基本使用基本示例这里有一个 vue 组件的示例：定义一个名为 button-counter的新组件vue...
vue 知识总结
安装vue-clinpm install -g vue-cli 利用脚手架初始化项目vue init webpackvue_project vue-router vue-router 是vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。 传统的页面应用，是用一些超链接来...
Vue 面试题汇总
vue 面试题汇总1、active-class 是哪个组件的属性？ 嵌套路由怎么定义(1)、active-class 是 vue-router 模块的 router-link 组件的属性(2)、使用 children 定义嵌套路由2、怎么定义 vue-router 的动态路由? 怎么获取传过来的值在 router 目录下的 index.js 文件中，对 path 属性加上 :id。 使用 router 对象的 params...
我从Vue源码中学到的一些JS编程技巧
不涉及vue的概念。 获取html格式的字符串中非标签文本(vuesrccompilerparserentity-decoder.js)假设我们有这样一个字符串：var html = hello world hello xxx。 我们现在想要提取其中非标签的文本，拿到如下结果：hello world hello xxx。 这该怎么办？ 我们首先想到的肯定是正则表达式，但是这个场景下正则表达式写...
Vue 各类数据绑定
在使用vue开发过程中，那基于dom实现的模版，总是无可避免的要遇到，也是一个令人欣喜的存在。 vue.js 模板不仅都是可解析的有效的 html，且通过一些特殊...另外，vue 在解析表达式方面，也有很需要注意的地方(不支持正则)，作者予以提供了 computed property； 所以也是建议，涉及 style 的动态部分，还是用函数...
Vue大厂最佳实践
我们先在components文件夹（这里面都是些高频组件）添加一个叫global.js的文件，在这个文件里使用require.context 动态将需要的高频组件统统打包进来。 然后在main.js文件中引入global.js的文件。 global.js文件import vue from vuefunction changestr (str){ return str.charat(0).touppercase() + str.slice(1)}...
Vue Router详细教程
angular的ngrouter react的reactrouter vue的vue-router当然,我们的重点是vue-router vue-router是vue.js官方的路由插件，它和vue.js是深度集成的，适合...url会发送到服务器，服务器会通过正则对该url进行匹配，并且最后交给一个controller进行处理。 controller进行各种处理，最终生成html或者数据，返回给...
【Vuejs】420- 带你了解vue-router之keep-alive
keep-alive 简介keep-alive 是 vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 用法也很简单： propsinclude - 字符串或正则表达，只有匹配的组件会被缓存exclude - 字符串或正则表达式，任何匹配的组件都不会被缓存 组件 aexport default { name: a, data (){ return {} }} 可以保留它的状态或...
Vue常见面试题整理
不同点： angularjs的学习成本高，比如增加了dependency injection特性，而vue.js本身提供的api都比较简单、直观； 在性能上，angularjs依赖对数据做脏检查，所以watcher越多越慢； vue.js使用基于依赖追踪的观察并且使用异步队列更新，所有的数据都是独立触发的。 2. 与react的区别相同点： react采用特殊的jsx语法 ...
Vue项目中使用Tinymce
编辑器之间的简单比较ueditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码，界面不太美观，对于老浏览器兼容还不错，但是我这里采用的是vuejs来开发，所以放弃wangeditor：比较轻量级，最最最重要的是有中文文档上手快，ui也比较漂亮，而且还是国产的,对于编辑器功能需求少的兄...
Vue 【前端面试题】
vue.js： 其实vue.js不是一个框架，因为它只聚焦视图层，是一个构建数据驱动的web界面的库。 vue.js通过简单的api（应用程序编程接口）提供高效的数据绑定和灵活的组件系统。 vue.js的特性如下： 轻量级的框架双向数据绑定指令插件化优点： 简单：官方文档很清晰，比 angular 简单易学。 快速：异步批处理方式更新 ...
