摘要：一、 阅读全文

摘要：一、前端路由规则1.1、URL的hashURL的hash也就是锚点(#), 本质上是改变window.location的href属性.我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新1.2、HTML5的history模式history接口是HTML5新增的, 它有五种模式改变URL而不刷新页面.1）history.pushState()2）history.repl... 阅读全文

摘要：一、VueCli介绍CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架.Vue CLI是一个官方发布 vue.js 项目脚手架使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置官网: https://cli.vuejs.org/zh/guide/二、使用前提2.1、安装node环境网站：http://nodejs.cn/downlo... 阅读全文

摘要：一、webpack简介At its core, webpack is a static module bundler for modern JavaScript applications. 从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。二、webpack安装安装webpack首先需要安装Node.js，Node.js自带了软件包管理工具npm1）查看node版... 阅读全文

摘要：一、组件化认识1.1、什么事组件化1.2、组件化思想二、组件注册使用2.1、注册步骤 2.2、注册解析1）Vue.extend()：调用Vue.extend()创建的是一个组件构造器。 通常在创建组件构造器时，传入template代表我们自定义组件的模板。该模板就是在使用到组件的地方，要显示的HTML代码。事实上，这种写法在Vue2.x的文档中几乎已经... 阅读全文

摘要：一、表单绑定1.1、v-model基本使用Vue中使用v-model指令来实现表单元素和数据的双向绑定解析：当我们在输入框输入内容时，因为input中的v-model绑定了message，所以会实时将输入的内容传递给message，message发生改变。当message发生改变时，因为上面我们使用Mustache语法，将message的值插入到DOM中，所以DOM会发生响应的改变。所以，通过v-... 阅读全文

摘要：一、插值操作1.1、Mustache语法 Title {{message}} {{message}}, lawrence {{firstName + lastName}} {{firstName + ' ' + lastName}} {{firstName}} {{lastName}} {{counter * 2}}1.2、v-once指令... 阅读全文

摘要：一、Vue安装1.1、CDN引入1.2、下载和引入开发环境 https://vuejs.org/js/vue.js 生产环境 https://vuejs.org/js/vue.min.js1.3、NPM安装后续通过webpack和CLI的使用二、Vue初体验2.1、Hello Vuejs Title {{message}} {{name}}2.2、Vue列表显示 ... 阅读全文