提示：刚接触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阅读
<!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项目结合百度离线地图开发实现功能效果聚合多点点弹框查看轨迹插件目录项目引入实现代码注意事项寄语 实现功能效果百度地图（布标记点，标记点聚合，标记点详情，标记点轨迹）聚合多点点弹框查看轨迹插件目录首先下载好 百度离线地图包，解压好的文件放在指定目录下public。项目引入然后在public目录下的index.html引入离线地图所需的文件。实现代码接着就是地图展示的主要代码<templ
Vue介绍 一、特点遵循MVVM(Model-view-viewModel)模式体积小，运行效率高二、扩展插件vue-cli : vue脚手架vue-resource(axios) : ajax请求vue-router : 路由vuex : 状态管理vue-lazyload : 懒加载vue-scroller : 页面滑动相关三、MVVMM -> model : 模型，数据对象(data)V
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评论
首先，需要安装
Vue：npm install
vue然后，创建一个名为App.
vue的文件，用于定义应用程序的主要内容。<template>
<div>
<h1>{{ message }}</h1>
<input type="text" v-model="inputText" />
<button @cl
原创
2023-09-10 11:13:58
113阅读
工具vue2.x + xterm.js文档传送门：Xterm.js问题描述：系统中有要显示linux端日志的功能，后台去抓取，并用接口反回即可，但是它会有一些无符号字符串（\u001b），需要转换，可是又有一些类似"[1A"（linux平台下，用于控制颜色，格式等字符）特殊的字符，结果，我的输出内容就如下图所示，有些乱码下图是应用了xterm.js后的对比，好在是没有乱码了。1 安装
1、v-model本质首先我们来看看v-model是个什么东西？其实本质上，v-model是v-bind以及v-on配合使用的语法糖，举个例子：<input v-model="value" />
// 就是相当于:
<input :value="value" @input="value= $event.target.value" />2、model选项（1）由上面可以知
转载
2024-09-03 17:14:58
49阅读
*.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、
因为最近vue火热，所以自己也自学了一下vue，看了下官网的api，也看了网上的教程，自己结合所学的，写了个demo，以下是我学习时遇到的问题，和demo中涉及的知识点。1.这个demo用的是官网的配置方法，基于node,webpack,vue-cli的脚手架。具体步骤大家可以去官网教程查看，写的很详细。2.下面是这个demo的显示效果和目录环境 这个demo中涉及的都是基础的知识点，希
转载
2024-02-21 23:27:29
154阅读
