文章目录基本使用步骤指令的概念内容渲染指令属性绑定指令事件绑定指令事件修饰符按键修饰符双向绑定指令条件渲染指令列表渲染指令 基本使用步骤1.导入vue.js的script脚本文件(可在官网下载)vue官网 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建vm实例对象(vue的实例对象)<!DOCTYPE html>
<html lang="en">
<h
Cordova，对这个名字大家可能比较陌生，大家肯定听过 PhoneGap 这个名字，Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字。（Cordova网址以及框架下载地址：http://cordova.apache.org/） Cordova 是一个可以让 JS 与原生代码(包括 Android 的 java，iOS 的 Objective-C 等)互相通信的一
首先我们需要
使用cordova的插件
cordova-plugin-qrscanner 安装：
cordova plugin add
cordova-plugin-qrscanner 贴上
vue项目的代码：<template>
<div class="scroll-container scan-container">
<div class="scan-none
转载
2024-04-04 18:29:30
243阅读
Vue插件集合
element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material 
转载
2024-04-22 19:34:24
56阅读
最近使用vue的脚手架开发项目，用了一些小插件来实现一些功能，自己觉得应该要整理一下，方便自己之后的开发。一、复制插件-- vue-clipboard2 此插件的功能就是实现文本的复制，使用步骤如下：npm install --save vue-clipboard2 2.在main.js：  
# Cordova Vue Android 项目实现流程
## 整体流程
下面是实现 Cordova Vue Android 项目的整体流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建一个 Cordova 项目 |
| 2 | 集成 Vue.js 到 Cordova 项目中 |
| 3 | 配置 Cordova Android 平台 |
| 4 | 构建并运行 C
原创
2023-10-20 14:28:32
119阅读
1. cordova介绍1.1. cordova历史Cordova是PhoneGap贡献给Apache后的开源项目，是从 PhoneGap中抽离出的核心代码，是驱动PhoneGap的核心引擎。有点类似Webkit和Google Chrome的关系。渊源就是：早在2011年10月，Adobe收购了Nitobi Software和它的PhoneGap产
转载
2023-07-29 14:24:47
104阅读
一、初始化vue脚手架注：安装完vue环境之后（vue环境配置，网上找）vue init webpack myvue1、参数解释：vue init--->初始化vue项目命令，webpack--->利用webpack模式，myvue----->vue项目名称。2、初始化完成之后，可使用npm run dev在开发模式进行运行。二、初始化cordova项目注：安装cordova环境
转载
2024-04-16 13:41:11
344阅读
一、路由配置1.路由配置a.编辑’Recommend.styl’文件 (路径: src/pages/home/Recommend.
vue)<template>
<div>
<div class="title">热销推荐</div>
<ul>
<!-- 默认会把'routerlink当做a标签,文字颜色
转载
2024-03-28 10:39:19
46阅读
因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令: cordova create cordovaApp com.cordo
转载
2023-12-13 02:07:43
40阅读
# Vue项目Cordova iOS配置指南
## 概述
本文将指导你如何在一个Vue项目中配置Cordova以在iOS上运行。Cordova是一个开源的移动应用程序开发框架，它允许你使用HTML、CSS和JavaScript构建跨平台的移动应用程序。
在开始之前，请确保你已经具备以下前提条件：
- 你已经熟悉Vue.js框架和开发流程。
- 你已经安装了Cordova和相关的开发工具。
#
原创
2023-10-06 09:34:45
123阅读
依赖： ant-design-vue，@ant-design/icons-vue ，docx-preview上传组件：ant design vue的upload预览组件： docx-preview单文件上传+浏览思路上传组件默认会帮用户发送请求，但是我不想用这个功能。。。看API，beforeUpload属性可以传入方法，每次选择文件后都会被调用。如果这个方法return false就
因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令: cordova create cordovaApp com.cordo
一、为什么要用vuex？在vue的项目里常常会遇到父子组件间需要进行数据传递的情况，我们可以用熟悉的props 或者 $emit 等方式进行父子组件通信，但是，在项目稍微大一点的情况中，面对众多的不相关的平行组件，并且很多数据需要多个组件循环使用，这个时候在这些组件间传递数据，使用上述方法会比较麻烦，项目代码变得冗长，并且不利于组件的复用，提高了耦合度。为了解决这一问题，我们需要使用Vue 的状态
作者：小新Vue没有提供实现AJAX的正式方法，而且有许多不同的设计模式可以有效地使用。每种方法都有其优缺点，应该根据需求进行判断。您甚至可以同时使用多个!在本文中，我将向您展示在Vue应用程序中实现AJAX的四个地方:根实例组件Vuex行动路线导航警卫我将解释每种方法，给出一个例子，并讨论其优缺点。1、根实例使用这种体系结构，您可以从根实例发出所有AJAX请求，并将所有状态存储在根实例中。如果任
转载
2024-05-21 10:08:32
79阅读
vue crudVue is the JavaScript UI tool that parades itself as progressive because it is approachable so one can get started in just a day. On the other hand, it has every feature to cater for your fron
趁有机会，简单回顾下vue插件开发的过程。学习本身就是个不断重复滴过程嘛：一、官网插件的开发文档地址https://cn.vuejs.org/v2/guide/plugins.html二、简单唠一唠但是呢，如果看官网文档的话，有的小朋友可能就云里雾里了，不想再进行下去了，其实vue对于插件的定义就是，使用Vue.use方法,将引入的install方法里面相关Vue操作的方法逻辑运行了,实现在全局可
好久都没来更新随笔了，这阵子比较忙，不过还是在不断的学习当中，今天给大家分享一下Cordova的配置与搭建WebApp混合开发环境的配置。 准备好了吗？让我们一步步来咯！！！1.配置JDK环境用的是1.8的版本，网上很多地方可以下载，这里就不上链接了下载安装好后再本地配置sdk环境变量，如图，点击桌面（计算机）->右键属性->高级系统设置->系统属性面板高级->点击环境
记录一次利用electron将vue项目打包为桌面应用程序的步骤，测试项目为毕业设计项目，基于vue-cli3进行开发。ps:还可以通过PWA和nw.js进行操作，暂时未深入研究打包步骤打包自己的项目通过npm run build命令打包我们自己的项目，生成一个dist文件夹注意：运行此命令之前我们需要修改公共路径为相对路径，防止 npm run build 后出现白屏情况方法：新建一个vue.c
在最初用vue+webpack+vue-router做项目的时候，在本地pc开发测试都是正常的，但是在把代码打包部署到测试服务器之后，访问项目首页总是白屏。第一种，打包后的dist目录下的文件引用路径不对，会因找不到文件而报错导致白屏。 解决办法：修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，
转载
2024-01-04 19:56:16
257阅读
