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...