Vue
Aeroball
这个作者很懒,什么都没留下…
展开
-
Vue路由与Vuex
一、 VueRouter Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌 1.1 安装 npm install vue-router --save 本次协同bootstrap开发,所以也安装了bootstrap,并指定3.3.7版本 npm install bootstrap@3.3.7 --save 1.2 配置路由信息 ...原创 2019-12-28 14:25:22 · 165 阅读 · 0 评论 -
Vue网络请求axios
四、网络请求 Vue2.X版本中,官方推荐的网络请求工具是axios。 npm install axios vue-axios --save 4.1 配置全局请求地址 新建Base.vue文件,内容如下: <script> const BASE_URL = "http://localhost:8081" export default { B...原创 2019-12-28 14:24:46 · 108 阅读 · 0 评论 -
Vue组件化开发
一、 组件化编程 组件化开发是在ES6中提出来的,可以提高页面的复用率,提高开发效率。它是一套模板化的代码,要有、1.1 编写App.vue和HelloWorld.vue HelloWorld.vue <template> <div> <!-- template的根节点,是必须的 --> <h1 class="title"&g...原创 2019-12-28 14:24:13 · 102 阅读 · 0 评论 -
Vue基础
一. 第一个VUE程序 1.1 引入js <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 1.2 给dom元素定义id <div id="app"> {{msg}} </div> 注意:一定要有根元素包含 1.3 vue...原创 2019-12-28 14:23:03 · 59 阅读 · 0 评论 -
Vue开发环境准备
1. 开发工具 VUE开发环境个人推荐VS code,然后安装特定的插件即可开发,可用的插件如下: Vetur —— 语法高亮、智能感知、Emmet等 EsLint—— 语法纠错 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 Path Intellisense —— 自动路劲补全 HTML CSS Supp...原创 2019-12-28 14:22:01 · 105 阅读 · 0 评论