一、vue源码的设置1)src中关于router的配置model:'history'要去掉,即地址栏中保留“#”。2)config的index关于build的配置assetsPublicPath:'./'注意要加点。如果上面两项没设置对,那么,打包出来的webapp是空白的,呵呵。二、Hbuilder打包安卓的过程1)打开目录,选择vue里面npmrunbuild生
原创 2018-09-07 15:48:24
3793阅读
一.vue-router是做什么的  使用 Vue.js ,我们已经可以通过组合组件来组成应用程序(也就是我们所说的单页面应用),将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们。所以,用 Vue.js + vue-router 创建单页应用,是非常简单的。(如果对组件不了解的小伙伴,可以去翻阅vue官方api,或者上网找些基础视频进行基础学
转载 2023-10-22 08:26:20
74阅读
实现商品购买列表页面步骤一:新建goodslist.vue文件 <template> <div id="tml"> <!--利用mui中的图文表格组件实现--> <div id="mui-content" class="mui-content" style="background-color:#fff"> &l
最近公司在用cordova+vue2做一个 webapp,开始以为把vue项目打包一下,放到cordova的www文件下,运行一下,cordova build就一切ok了,然而事情不是这样的….1.vue的安装=>打包不多讲,各位道友按照vue官网一步一步来吧。2.cordova的安装=>运行起来自己的app项目,也不多说了,按照官网都可以的。3.把vue项目打包后的文件融合到cord
目的:把AngularUI的模板应用到“桂电在线”上步骤如下:按功能表修改demo界面学习angularUI如何加载全部页面,为了设置自定义加载模板,在demo/demo.js中找到这一段//当#为/,/scroll等等,请求index.html中 + home.html的页面app.config(...
原创 2021-08-26 09:37:43
125阅读
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp,UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因,所以可能多人访问的时候有些东西会加
转载 2020-04-29 11:59:00
376阅读
2评论
angularUI下载地址:https://github.com/Clouda-team/BlendUI下载解压后,demo在根目录现在测试官网demo的使用用浏览器打开mobile-angular-ui-master/demo/index.html,发现没加载样式或者js。然后,审查元素后,发现加...
原创 2021-08-26 09:37:45
108阅读
提示:刚接触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阅读
基于vuewebapp注意事项编写简洁漂亮,可维护性高的vue代码目录前言目录命名全局方法和组件的扩展Props非空检测手动挂载mount()webapp添加FastClickscrollBehavior滚动行为配置应用所需的rem.js前言前端框架的普及和标准的混乱很难确定出一套规范,各企业也都随着项目制定自己技术团队所认可的标准和规范,本指南旨在vue本身的标准及eslint之外建立的符合团
转载 2019-06-20 17:31:27
334阅读
安装 直接下载 / CDN https://unpkg.com/vue-router 中文api: http://router.vuejs.org/zh-cn/index.html
原创 2021-07-30 15:23:03
144阅读
Vue创建Demo项目Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。npm npm 版本需要大于 3.0,如果低于此版本需要升级# 查看版本 npm -v #升级 n
转载 2024-03-22 13:54:24
156阅读
vue app
原创 2023-05-26 10:25:01
95阅读
<!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,全局安装vuevue-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
  • 1
  • 2
  • 3
  • 4
  • 5