前言找了一些在 Vue 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小伙伴。如果文章中有出现纰漏、错误之处，还请看到的小伙伴留言指正，先行谢过。废话不多说，开启面试模式↓1. 说一下 Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合“发布者 - 订阅者”模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter、
转载
2024-05-30 08:14:55
46阅读
提示：刚接触Vue，对于前端掌握的也不熟练，后续的一些样式定义应不满足专业人士规范，仅供参考 Vue基础入门一、Vue入门二、Vue中的指令2.1 v-if2.2 v-if-else2.3 v-show2.4 v-for2.5 v-text 和 v-html2.6 v-cloak2.7 v-once2.8 v-on2.9 v-bind2.10 v-model三、小案例3.1 选项卡总结 一、Vue
转载
2024-05-15 05:49:25
445阅读
一、
Vue的安装和使用（idea）
vue是个前端框架。1.安装Node NPM（node package manage）是Node提供的模块管理工具，可以非常方便的下载安装很多的前端框架，包括jquery，AngularJS，VueJs都有，我们需要先安装node及NPM工具。 4.安装
vue npm install
vue --save二、
vue入门案例
Demo01<div id="app
转载
2024-05-31 14:55:54
105阅读
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜
转载
2024-05-02 22:49:16
34阅读
企业级项目目录api接口模块：发送ajax请求的接口模块utils工具模块：自己封装的一些工具方法模块Vant 组件库第三方组件库：https://vant-contrib.gitee.io/vant/v2/#/zh-CN/引入组件方式一. 自动按需引入组件 (推荐)babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式#
转载
2024-07-23 18:52:40
101阅读
Vue创建Demo项目Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。npm npm 版本需要大于 3.0，如果低于此版本需要升级# 查看版本
npm -v
#升级 n
转载
2024-03-22 13:54:24
156阅读
需求： 鼠标移入表头： 关键点： 1、样式中添加.el-table .cell {
word-break: keep-all !important;
white-space: nowrap !important;
}2、在需要悬浮显示的表头文字过长处添加:show-overflow-tooltip="true"
:render-header="renderHeader" 3、m
这一节我们来讲一下面包屑导航的问题。先看思路，当我们点击左侧的一级课程，是不是可以拿到一个ID？这个ID的作用可大了，我们有了这个ID，本意是通过它去寻找它所有的子节点。看图，假设【JAVA基础】里面有JDK，Hello，变量三个课程。那么请问，这三个课程的PID(父节点)是不是就正好等于【JAVA基础】的ID呢。对了，就是这么个思路。这样一来，二级分类的数据我们就拿到了。下一个问题，假如是三级分
作者：刘小夕前言拥有合适的工具可以让你的开发工作变得更加轻松。许多开发人员使用VSCode 作为开发工具，VSCode 允许安装各种扩展工具。Visual Studio Marketplace 上有太多的可用扩展工具，我们将着重介绍下面8个扩展工具。即使是最简单的工具也能赋予人们力量去做伟大的事情--比兹·斯通所有这些插件都可以在 Visual Studio Marketplace 上免
转载
2024-05-22 15:16:57
467阅读
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="https://unpkg.com/vue/dist/vue.js"></script
转载
2017-12-28 14:23:00
95阅读
2评论
在命令行中通过vue init webpack vuetodo生成项目模板，就可以修改了。（前提是你已经安装node，npm，全局安装vue，vue-cli，webpack和webpack-cli）如果还没有安装就安装一下就好，具体安装过程可以百度搜索一下就知道了，确实不会的话，留评论给我，手把手教你，哈哈。效果如下：源代码：https://github.com/banana618859...
原创
2021-09-07 14:31:33
125阅读
# 如何实现“vue PythonShell demo”
## 整体流程
首先，我们需要搭建一个基于Vue的前端界面，然后在其中集成PythonShell，最终实现一个可以执行Python代码的在线IDE。
以下是整体流程的步骤表格：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤一 | 创建Vue项目 |
| 步骤二 | 安装PythonShell |
| 步骤三 |
原创
2024-05-30 05:28:45
88阅读
vue中的设计思想vue中的设计思想主要是MV*模式,由最早的MVC(model-view-controller)框架,到后面的MVP(model-view-presenter),甚至到最后的MVVM(model-view-viewmodel)设计模式,都是vue的设计思想的模式,而今天主要来说一下MVVM的设计模式.什么是MVCMVC
model 数据模型
view
转载
2024-10-06 14:45:38
20阅读
Vue介绍 一、特点遵循MVVM(Model-view-viewModel)模式体积小，运行效率高二、扩展插件vue-cli : vue脚手架vue-resource(axios) : ajax请求vue-router : 路由vuex : 状态管理vue-lazyload : 懒加载vue-scroller : 页面滑动相关三、MVVMM -> model : 模型，数据对象(data)V
vue项目结合百度离线地图开发实现功能效果聚合多点点弹框查看轨迹插件目录项目引入实现代码注意事项寄语 实现功能效果百度地图（布标记点，标记点聚合，标记点详情，标记点轨迹）聚合多点点弹框查看轨迹插件目录首先下载好 百度离线地图包，解压好的文件放在指定目录下public。项目引入然后在public目录下的index.html引入离线地图所需的文件。实现代码接着就是地图展示的主要代码<templ
*.vue=<template> </template>+<style></style>+<script></script> sudo npm install -g vue-clivue init webpack my-projectcd my-projectsudo npm install npm
转载
2018-01-25 10:56:00
94阅读
该demo由前端请求后台服务器获取数据进行渲染使用到的技术点1.使用到的vue指令：{{}} v-if v-for v-model
2.使用到的事件：@click 点击事件， @keyup.enter 回车3.使用到的事件修饰符：.prevent 阻止事件默认行为4.使用vue-resource发起请求获取服务端返回的数据5.使用生命周期函数created()，即在页面渲染前请求用户列表6.自定义
目录安装Vue-cli安装运行单个vue文件v-if和v-show数据引用.v-for的key的应用动态Class style的绑定:style和:class ,src的动态绑定RefgetBoundingClientRect（）双向数据绑定定义方法执行方法，获取数据，改变数据，自定义属性及获取@mousewheel="handleScroll" 鼠标滚轮事件绑定在dom上@mouse鼠标事件鼠
git链接：https://github.com/sunniejs/vue_canvas_poster1、通过cnpm安装cnpm i vue-canvas-poster --save2、引用import {vueCanvasPoster} from 'vue-canvas-poster'
components: {
vueCanvasPoster
},3、
http://www.zhinengshe.com Hello App! Go to Foo Go to Bar Go to user1 Go to user2 Go to user3 redirect redirectname ...
转载
2017-07-07 10:09:00
99阅读
2评论
