Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架特点：易用、灵活、高效全家桶：vue + components（vue element / iview...） + vue-router + vuex + vue-cli类库 vs 插件 vs 组件 vs 框架类库：jquery、zepto、underscore...插件：dialog、banner、drag、tab、iscroll...组件：bootstrap、swiper...框架：backbone、angular、vue、react、uni-app、react native、flutter...声明式和命令式命令式编程：命令“...
1、ElementUi3框架npm i element3 -S引入框架--main.jsimport element3/lib/theme-chalk/index.css import { createApp } from vue import Element3 from element3 import App from ./App.vuecreateApp(App).use(Element3).mount(#app)2、路由npm install vue-router建立页面文件：新建目录views/home.vue,views/test.vue，分别在里面放些显示代码 建立路由文件：新建目录router/index.jsimport { createRouter, createWebHashHist...
1、安装 axios npm install axios --save 2、在src目录里新建目录结构index.js内容 // // axios封装// //1.引入axiosimport axios from axiosimport { addPending, removePending } from "./cancleRequest.js"// // 2. 配置信息const config = { // 每次请求的协议、IP地址。 设置该配置后，每次请求路径都可以使用相对路径，例如"/admin/login" baseURL: "http://ztdoc.wisedu.com", // 请求超时时间 timeout: 10000,...
Vue 前端框架神器 前提引入Vue <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 定义div 标签，设置好选择器 可以用类也可以是其它的选择器 在js中使用view 提供数据 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>window.onload = function(){var app = new Vue({// 定义el 变量和datael: '.box',data:{content:'hello vue'}})} </script><div class='box'><div>{{co...
下载Vue框架 把Vue框架当作一个包使用，下载： https://cn.vuejs.org/v2/guide/installation.html直接导入外网上的Vue框架 导入网址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js （开发版） <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>Vue框架的基本使用 导入Vue框架给标签添加class或者id在script内写入Vue语法 var app = new一个Vue对象（{el: '标签选择器',data: {key: value} }）html标签内{{ ...
官网：:https://cn.vuejs.org/v2/guide/ vue的基本使用： 例：<div id="app"><div>{{msg}}</div></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript">var vm = new Vue({el:'#app',data:{msg:'helloWorld'}})//el:元素的挂载位置 data对象中存放的是模型数据//vue中{{}}可以支持一些简单的计算和字符串的拼接</script>模板语法： 指令： 自定义属性，指令的格式：以v-开始 v-cloak指令...
一、uni-app (app混合开发)uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架，开发者编写一套代码，可编译到的iOS，安卓，H5，小程序等多个 平台。官网：uni-app二、vue-cli3+cordova (app混合开发)网址：https://www.jianshu.com/p/543a1da430c2三、element-ui (后台管理系统)网址：http://element.eleme.io/#/zh-CN四、vant-ui、mint-ui（移动端插件）网站：mint-ui 好像很久没更新了，不过还是可以用vant-ui 我自己...
Ant中在form表单中使用输入框或数字输入框且用v-decorator在@change中取当前值 如果是单个取值，只需要使用change传过来的值即可，如果是v-model直接取即可，如：this.model.字段名即可取到值。使用到v-decorator是为了更好的验证。 <a-form-item class="x-table-form-item"><a-input v-decorator="['testVal']" @change="count" placeholder="请输入" style="width: 100%"></a-input > </a-form-item> //方法 count(val) {conso...
第九节 9.1组件命名 当注册组件(或者prop)时,可以使用kabab-case(短横线分割命名)、camelCase(驼峰式命名)或PascalCase(单词首字母大写命令) 9.2组件中的data 组件中的data选项必须是一个函数，返回一个数据对象。为什么需要是一个函数，而不可以像Vue实例是一个对象呢，首先因为组件会被多次复用，而对象是引用数据类型，如果组件数据使用对象的话，那么组件所有的复用都将共享这些数据。 9.3templat的使用 直接写在选项里的模板，...
一：框架介绍** vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件。 集成方案: vue-element-admin 基础模板: vue-admin-template 二：环境准备 需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui，所有的请求数据都...
1 Webpack 1.1 什么是webpack1.2 前端模块化1.3 与其他打包工具frunt/gulp对比webpack的正常运行，必须依赖node环境，而npm是管理node依赖包2 main.js => render： new Vue({el:'#app',render :function(createElement) {//1.普通用法 createElement('标签’，{标签的属性]，[’'〕)return createElement('h2',{class:'box'},['Hello world', createElement('button',['按钮'])])//2.调用组件的用法return createElement(cpn)} ...
第十二节 12.1vue-cli脚手架 1、vue-cli是vue的脚手架，对项目的搭建，打包都很方便； 2、在安装Vue-cli之前，首先先安装node，安装node的教程见Node 3、安装完成node后安装淘宝镜像和webpack 4、由于国内访问速度较慢，建议将NPM源设置为国内的镜像，可以大幅提升安装速度 #安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org #安装webpack cnpm install webpack-cli -g12.2vue2.X安装 #npm安装vue2.X...